Material Symbols Material Symbols Rounded Material Symbols Sharp

const x = await fetch("/api"); if (x.ok) return x.json();

Code preview

const greet = (name) => {
  return `Hello, ${name}!`;
};

async function fetchData(url) {
  const res = await fetch(url);
  if (!res.ok) throw new Error(res.status);
  return res.json();
}

const items = data
  .filter(x => x.active)
  .map(x => x.name);

def fibonacci(n: int) -> list[int]:
    a, b = 0, 1
    result = []
    for _ in range(n):
        result.append(a)
        a, b = b, a + b
    return result

squares = {x: x**2 for x in range(10)}
print(fibonacci(10))

SELECT u.name, COUNT(o.id) AS order_count,
       SUM(o.total) AS total_spent
FROM users u
LEFT JOIN orders o ON o.user_id = u.id
WHERE u.created_at > '2024-01-01'
  AND u.status = 'active'
GROUP BY u.id, u.name
HAVING COUNT(o.id) > 5
ORDER BY total_spent DESC
LIMIT 20;

Confusables

zero / capital O / lowercase o 0 O o

one / lowercase L / capital I / pipe 1 l I |

rn vs m rn m

quotes ' " ` ‘ ’ “ ”

brackets ( ) [ ] { } < >

Use this font

CSS font-family: 'Material Symbols', monospace;

CDN <link href="https://cdn.onlyfonts.ai/css2?family=Material%20Symbols&display=swap" rel="stylesheet">

WOFF2 Download .woff2

Weights

Aa Bb Cc Dd Ee 0123 Thin 100

Aa Bb Cc Dd Ee 0123 ExtraLight 200

Aa Bb Cc Dd Ee 0123 Light 300

Aa Bb Cc Dd Ee 0123 Regular 400

Aa Bb Cc Dd Ee 0123 Medium 500

Aa Bb Cc Dd Ee 0123 SemiBold 600

Aa Bb Cc Dd Ee 0123 Bold 700

OpenType Features (1)

rligRequired Ligatures

AaBbCcDd 0123

Character Map (3981 glyphs)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

Regular

Details

Format truetype

Glyph count 3981

Version Version 2.935

Hinting Yes

Variable No

TTF size 958 KB

WOFF2 size 325 KB

Identifiers

Family Material Symbols

Style Regular

PostScript MaterialSymbols-Regular

License

License OFL-1.1

Source both

Languages (1)

Other (1)

latin

Pairs well with

Miss Fajardose handwriting · 0w

body 55%

Asap Symbol Transport sans-serif · 0w

body 50%

Ponomar display · 0w

heading 35%

AquilineTwo display · 0w

heading 33%

Shafarik display · 0w

heading 32%