HTML Entity for Circled Times (⊗)
What You'll Learn
How to display the Circled Times (⊗) in HTML using numeric references, named entities, and CSS escapes. This character is U+2297 (CIRCLED TIMES) in the Mathematical Operators block (U+2200–U+22FF). It denotes the tensor product and circled multiplication in formal math notation.
You can use the named entity ⊗, hex ⊗, decimal ⊗, or CSS \2297. Do not confuse ⊗ with Circled Dot Operator U+2299 (⊙, ⊙), Circled Ring Operator U+229A (⊚, ⊚), or plain Multiplication Sign U+00D7 (×).
⚡ Quick Reference — Circled Times
U+2297Mathematical Operators block
⊗Hexadecimal reference
⊗Decimal reference
⊗Standard HTML entity
Name Value
──────────── ──────────
Unicode U+2297
Hex code ⊗
HTML code ⊗
Named entity ⊗
CSS code \2297Complete HTML Example
This example demonstrates the Circled Times (⊗) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2297";
}
</style>
</head>
<body>
<p class="math">Circled Times using Hexa Decimal: ⊗</p>
<p class="math">Circled Times using HTML Code: ⊗</p>
<p class="math">Circled Times using HTML Entity: ⊗</p>
<p class="math" id="point">Circled Times using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Circled Times entity is universally supported in all modern browsers:
👀 Live Preview
See the Circled Times in math and notation contexts:
🧠 How It Works
Hexadecimal Code
⊗ uses the Unicode hexadecimal value 2297 to display the Circled Times.
Decimal HTML Code
⊗ uses the decimal Unicode value 8855 to display the same character.
Named HTML Entity
⊗ is the standard named entity for U+2297—short for “operator times.”
CSS Entity
\2297 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce the Circled Times glyph: ⊗. Unicode U+2297 sits in Mathematical Operators (U+2200–U+22FF).
Use Cases
The Circled Times (⊗) commonly appears in:
Vector space tensor products in linear algebra and physics.
Equations and formal notation using the circled times operator.
Technical papers in math, physics, and quantum mechanics.
Linear algebra tutorials, textbooks, and e-learning platforms.
Documentation for tensor and Kronecker product notation.
Unicode tables and math operator glossaries.
Use MathML or aria-label="circled times operator" for screen readers.
💡 Best Practices
Do
- Prefer
⊗for readable math HTML source - Use math-friendly fonts (Cambria Math, STIX Two Math, serif)
- Keep entity style consistent within a document
- Consider MathML for complex equations
- Distinguish tensor product (⊗) from Hadamard product (⊙)
Don’t
- Confuse U+2297 (⊗) with U+2299 Circled Dot Operator (⊙)
- Put CSS escape
\2297inside HTML text nodes - Assume every font renders Mathematical Operators identically
- Use ⊗ decoratively where plain × is intended
- Mix entity styles randomly in one file
Key Takeaways
Named entity is the easiest option
⊗Numeric references also render ⊗
⊗ ⊗For CSS stylesheets, use the escape in the content property
\2297U+2297 CIRCLED TIMES — tensor product
Four methods, one glyph — all widely supported
❓ Frequently Asked Questions
⊗ (named entity), ⊗ (hex), ⊗ (decimal), or \2297 in CSS content. All produce ⊗.U+2297 (CIRCLED TIMES). Mathematical Operators block (U+2200–U+22FF). Hex 2297, decimal 8855.⊗, ⊗, or ⊗) go directly in markup. The CSS escape \2297 is used in stylesheets, typically in the content property of pseudo-elements.⊗ is the named entity for U+2297. Circled Dot Operator is a different character: U+2299 (⊙) with ⊙.Explore More HTML Entities!
Discover 1500+ HTML character references — math operators, symbols, arrows, and more.
About the author
8 people found this page helpful