iconoir-font

Web font with the great iconoir-icons

Demo

✨ https://silbad.github.io/iconoir-font/ ✨

Requirements

• pnpm

😍 The dependencies

• The icon library > iconoir
• The font generator > fantasticon
• The SVG optimizer > svgo

🥰 The tools

• The SVG editor (stroke to outline) > Inkscape
• The time saver > Power Automate

😘 The extras icons (unofficial)

• extra-?

🤩 Use iconoir-font

Development

• Fork & clone the repository

• install

pnpm i

• Put your svg outline icons in the "origin" folder

• Clean & optimize SVG files then Generate the font with :

pnpm build

/!\ Please note, however, that some icons in the original repository may not be rendered correctly for various reasons. In this case, you'll need to fix them in Inskcape before building.

Production

• Install

pnpm i iconoir-font

• Retrieve the font from the dist folder and integrate the styles.css file into your project.

• Add an icon in your code

<i class="iconoir iconoir-cube"></i>