A Font Awesome alternative

Keep your markup. Change your icons.

One script tag, and every fa- icon on your page becomes an OpenVibe glyph: one hand, the mark’s, in your text’s colour and size. Font Awesome’s classes, animations and transforms keep working. Free, MIT, with the fonts too.

Switch in a minuteSee all 287

Switch in a minute

481 Font Awesome names map to 287 glyphs today. A name we have not drawn stays Font Awesome’s, so nothing goes blank.

  1. Add the drop-in.
    <script src="https://openvibe.design/shared/ov-glyphs.js" defer></script>
  2. Check what your pages use: paste a page and see each icon’s twin, or look at what is still Font Awesome. Missing one? Draw it.
  3. Drop Font Awesome’s stylesheet once every name is covered: one less stylesheet and font on every first visit. Or use the font with Font Awesome’s names on it:
    <link rel="stylesheet" href="https://openvibe.design/shared/ov-glyphs-fa.css">

What keeps working

Font Awesome’s documented features, with its class names and CSS variables.

Your markup, unchanged<i class="fa-solid fa-eye"> shows the glyphYes
Sizesfa-2xs … fa-2xl, fa-1x … fa-10x, fa-fwYes
Lists, borders, pullsfa-ul, fa-li, fa-border, fa-pull-left, fa-pull-rightYes
Turns and flipsfa-rotate-90/180/270, fa-rotate-by, fa-flip-*Yes
Stacks and layersfa-stack, fa-inverse, fa-layers with counters and textYes
Animationsfa-beat, fa-bounce, fa-fade, fa-beat-fade, fa-flip, fa-shake, with Font Awesome’s variablesYes
Spinnersfa-spin breathes instead of spinning, and a spinner icon is three dots that take turnsOur way
Weightsfa-thin and fa-light draw thinner lines from the same drawingYes
Power Transformsdata-fa-transform: grow, shrink, up, down, left, right, rotate, flipYes
Web fontov-glyphs.woff2, with Font Awesome’s class names on it (ov-glyphs-fa.css)Yes
Desktop fontsTTF and OTF, freeYes
Subset fonts (kits)Pick your icons, get a font with only those: WOFF2, TTF and the CSSYes
Brand logosNot ours to draw: keep Font Awesome Brands for thoseKeep theirs
PriceFree, MIT, for everything aboveYes

Questions

Short answers.

Is it free?

Yes. The glyphs, the fonts, the drop-in and the PNG maker are free for any use under the MIT licence.

Do I change my HTML?

No. Add one script tag and your Font Awesome markup shows the OpenVibe glyphs, with its classes and animations working. Or use the font with Font Awesome's class names on it.

What about icons you have not drawn?

They stay Font Awesome's until they are drawn, so nothing goes blank. 96% of what OpenVibe's own pages ask Font Awesome for is covered today, and anyone signed in can ask OpenVibe.AI to draw a missing one.

Brand logos?

Logos belong to their brands: keep Font Awesome Brands (or Simple Icons) for those.

Does it work without JavaScript?

The font does: link ov-glyphs-fa.css and the font replaces Font Awesome's. The drop-in needs JavaScript and loads after the page has drawn.

Desktop apps and design tools?

Download the TTF or OTF and type the character, or use the SVGs.