Icons for everything you build.

Line, solid and duotone icons, all drawn on one 24px grid. Search, copy, done.

Styles

One icon, more than one look.

Line, solid and 162 duotone icons, many of them in more than one style. Duotone’s second tone is the same colour at 60%, so the icons match whatever colour you give them.

Browse by style
  • home
  • camera
  • cart
  • envelope
  • lock
  • gift
  • user
  • video
  • phone
  • briefcase
  • bug
  • flag
Use it your way

A font, an SVG, or a component.

Every icon copies as SVG or as a React, Vue, Svelte or Angular component, straight from its panel. Or link one stylesheet and set icons like text.

See the examples 
<link rel="stylesheet" href="icofont/icofont.min.css">

<i class="icofont-home"></i>
Make it yours

Only the icons you need. And the ones you don’t have yet.

Composer

Pick the icons you use and download them as your own font, with your name and class prefix.

Build your font

Studio New

Combine icons, shapes and badges into new icons, edit them part by part, and add them to your font.

Open the studio
Categories

Something for every corner of your app.

Find your next icon.

Free for personal and commercial projects. No sign-up.

Browse icons Download IcoFont