- Icon Monks
- Icon font
Icon font
All 6,008 icons as a web font, in five weights, with one CSS class per icon.
Link the stylesheet
<link rel="stylesheet" href="https://designmonks.github.io/icon-monks/packages/font/dist/index.css">Or install it with npm install @icon-monks/font and import @icon-monks/font/dist/index.css.
Use an icon
<i class="im im-house"></i> <!-- regular -->
<i class="im-bold im-house"></i> <!-- also im-thin, im-light, im-fill -->Load only what you use
Each weight has its own stylesheet (regular.css, bold.css and so on), so you can skip the weights you don't need. Glyphs live in the Private Use Area from U+E000, and codepoints never change between releases.
Popular icons
house
magnifying-glass
gear
user
bell
heart
star
envelope
shopping-cart
calendar
trash
plus
x
check
arrow-right
download
lock
camera
Browse all 6,008 iconsBrowse by category
Frequently asked questions
Is duotone available in the font?
No. Fonts are single-color, so duotone is offered in the SVG, React, Vue, web component and native packages instead.
Can I size and color the icons with CSS?
Yes. Icons follow font-size and color like text.
Which formats are included?
WOFF2 for the web and OTF for desktop apps and design tools.