HTML Entity for Proportional To (∝)

Beginner

6 min read

Updated: Sep 2026

1 example

Unicode U+221D

HTML Entity for proportional to (∝) tutorial illustration

Definition

What Is the Proportional To Entity?

Proportional to (∝) is the Mathematical Operators character at Unicode U+221D (PROPORTIONAL TO). It means one quantity varies as another — written as y ∝ x. The preferred HTML form is the named entity &prop;.

Remember

Character     ∝
Unicode       U+221D
Named entity  &prop;
Hex entity    &#x221D;
Decimal       &#8733;
CSS escape    \221D

Named, numeric, and UTF-8 forms produce the same glyph: ∝. Prefer &prop; for readable, portable markup.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&prop;`	HTML markup (preferred)
Hex entity	`∝`	HTML markup
Decimal entity	`∝`	HTML markup
Direct character	`∝`	HTML text (UTF-8 default)
CSS escape	`\221D`	Stylesheet `content`

When to Use Which

Situation	Use
Readable HTML (best default)	`&prop;`
Numeric / generator output	`∝` or `∝`
UTF-8 math notes	Type or paste `∝`
Generated text via `::before` / `::after`	`content: "\221D"`
Geometric proportion (different symbol)	`&mDDot;` (`U+223A`)
Proportion / ratio dots	See proportional (`U+2237`)

See it

Live Preview

Proportional to rendered in common math contexts.

Glyph ∝

Large glyph ∝

In a relation y ∝ x

With entities Named: ∝ | Hex: ∝ | Decimal: ∝

Related symbols ∺ (&mDDot;) · ∷ · ∞ (∞)

Code

Complete HTML Example

One page that shows proportional to with named, hex, decimal, direct, and CSS forms. Use View Output or open the live editor.

Named + Hex + Decimal + Direct + CSS

Five ways to produce ∝ in a single document.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Proportional To (∝) in HTML</title>
  <style>
    #point::after {
      content: "\221D";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: y &prop; x</p>
  <p>Using Hex Code: y &#x221D; x</p>
  <p>Using Decimal: y &#8733; x</p>
  <p>Using Direct Character: y ∝ x</p>
  <p>Using CSS Entity: y <span id="point"></span> x</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: &prop; is the preferred HTML5 entity for U+221D.

2. Hex: U+221D → ∝ in HTML. Same glyph as the named form.

3. Decimal: same code point as 8733 → ∝.

4. Direct: paste ∝ in a UTF-8 file with <meta charset="UTF-8">.

5. CSS: use \221D in content (not an HTML entity). The empty #point span receives that ∝ via ::after.

Pitfalls & Tips

Common mistakes when working with this math entity.

Name

Prefer `&prop;`

Use the named entity when possible. Numeric forms are fine for generators or when names are unavailable.

Not geometric

∝ vs ∺

Geometric proportion is &mDDot; (U+223A). For “is proportional to,” use &prop;.

Not ::

Not the proportion dots

U+2237 (∷) is a different “proportional” / ratio mark. Do not swap them with ∝.

Not alpha

Look-alike: Greek alpha

Greek α (α) can look similar in some fonts. Use &prop; for the math relation.

CSS vs HTML

Do not mix escapes

\221D belongs in CSS. &prop; / ∝ belong in HTML.

UTF-8

Declare charset

If you paste ∝ directly, serve the page as UTF-8 with <meta charset="UTF-8">.

Compatibility

Browser Support

Proportional to (U+221D) and its entity forms (&prop;, ∝, ∝, CSS \\221D) are supported in all mainstream browsers. Glyph availability depends on the font.

✓ Universal support

Proportional To (∝)

Prefer &prop;, or encode with hex, decimal, or CSS escape — same glyph everywhere (when the font has it).

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer All versions

Yes

U+221D / &prop; Full support

Bottom line: Prefer &prop; in HTML. Use ∝ or ∝ as numeric alternatives, and \\221D only inside CSS content.

Remember

Key Takeaways

Unicode: proportional to is U+221D (decimal 8733), Mathematical Operators.
HTML: prefer &prop; — or ∝ / ∝.
CSS: use \221D inside content for generated text.
Meaning: “varies as” — not ∺ (&mDDot;) or ∷.

One line: U+221D → &prop; / ∝ / CSS \221D.

Frequently Asked Questions

How do I display the proportional to symbol (∝) in HTML?

Prefer &prop; (named). You can also use ∝ (hex), ∝ (decimal), type ∝ in UTF-8, or the CSS escape \221D in content.

What is the Unicode value for proportional to?

U+221D (PROPORTIONAL TO). Hex 221D, decimal 8733. It belongs to Mathematical Operators (U+2200–U+22FF).

Is there a named HTML entity for ∝?

Yes. HTML5 defines &prop; for U+221D. Prefer it over numeric forms when you want readable markup.

When should I use the proportional to HTML entity?

Use it in math, physics, and science when one quantity varies as another (y ∝ x). Prefer &prop; for portable HTML.

What is the difference between HTML code and CSS entity for ∝?

HTML entities (&prop;, ∝, or ∝) go in markup. The CSS escape \221D is used in stylesheets (usually in the content property of ::before/::after). Both render ∝.

How is ∝ different from ∺ or ∷?

∝ (&prop;) means “proportional to.” Geometric proportion is U+223A (&mDDot;). The proportion / ratio dots mark is U+2237. Related ideas, different symbols.

Did you know?

Proportional to (∝) is Unicode U+221D (decimal 8733) — PROPORTIONAL TO in Mathematical Operators. HTML5 named entity: &prop;. Prefer &prop; in HTML. It means “varies as” (e.g. y &prop; x). It is not the same as geometric proportion (∺, &mDDot;) or the proportion sign (∷).

Next: Qp Digraph

Learn the HTML entity for the qp digraph — the next character in this entity sequence.

Qp Digraph tutorial →

About the author

Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

Experience 12 years building web and cloud systems
Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Proportional HTML Entity | Qp Digraph