HTML Symbols
Symbols are characters outside the standard alphabet — currency, math, arrows, shapes. You can paste them directly into UTF-8 HTML or insert them by code.
Useful symbols
| Symbol | HTML code | Meaning |
|---|---|---|
| € | € | Euro |
| £ | £ | Pound |
| ¥ | ¥ | Yen |
| × | × | Multiplication |
| ÷ | ÷ | Division |
| ± | ± | Plus-minus |
| √ | √ | Square root |
| π | π | Pi |
| ∞ | ∞ | Infinity |
| ← ↑ → ↓ | ← ↑ → ↓ | Arrows |
| ♥ ♠ ♣ ♦ | ♥ ♠ … | Card suits |
By numeric code
For symbols without a named entity, use the Unicode code point:
★renders ★ (filled star).☆renders ☆ (empty star).✓renders ✓ (checkmark).
Tip: Symbols inherit the surrounding font. If they look off, try a font that has stronger Unicode coverage (e.g. Segoe UI Symbol on Windows, Apple Symbols on macOS).
Example
Example
<!DOCTYPE html>
<html>
<head>
<title>HTML Symbols</title>
</head>
<body>
<h1>HTML Symbols</h1>
<p>This is a demo page for the "HTML Symbols" lesson.</p>
</body>
</html>
Try it Yourself »
Exercise
Insert the copyright symbol using a named entity.
<p>
2026 iwantcoding.com</p>
Six letters between & and ;
Discussion
Loading…