Web font with the great iconoir-icons
- The icon library > iconoir
- The font generator > fantasticon
- The SVG optimizer > svgo
- The SVG editor (stroke to outline) > Inkscape
- The time saver > Power Automate
- uo-xxx
-
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.
- 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>