Skip to content
Fontsource Logo

Material Symbols Sharp

icons
google

Subsets

latin

Variants

FILL
wght
GRAD
opsz

Display

auto
swap
block
fallback
optional

Copy CSS

Import this into your global CSS file:

/* material-symbols-sharp-latin-wght-normal */
@font-face {
  font-family: 'Material Symbols Sharp Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 700;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/material-symbols-sharp:vf@latest/latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
css

Font Details

Download Icon

CDN Hits: 65.77K

Edit Icon

Last Modified: 2026-05-07