Iconic has a new, bigger, better sibling

Tour Pro

  • Semantic SVGs

  • Style with CSS

  • Multi-color themes

  • Smart icons

  • 3 unique sizes

  • Responsive

  • Production ready

  • How-tos

OpenIconic

An open source icon set with 218 marks in SVG, webfont and raster formats

Download v1.0.0Github

  • Bootstrap and Foundation ready

    Ready-to-use fonts and stylesheets that work with your favorite frameworks.

  • Hyper-legible

    We're not joking. Open Iconic is designed to be legible down to 8 pixels.

  • Super small file size

    It's incredible just how small Open Iconic is. Our icon font WOFF is 11.1Kb (roughly 4 times smaller than Font Awesome).

  • All the formats you need

    More than you can shake a stick at to be honest. SVG, PNG, WebP, EOT, OTF, TTF, WOFF, OMG!

  • Open source & free

    If you're not ready for Iconic (yet), this is the next best stop. Open Iconic will always be free and open and awesome.

Keep track of new hotness


Getting started with Open Iconic


SVG

Displaying Open Iconic's SVGs are a snap. Just treat them like your typical image and away you go! Pro tip: Don't forget the alt attribute.

<img src="/open-iconic/svg/icon-name.svg" alt="icon name">

Font

Icon fonts are a great fallback for SVG—and our font is pretty great.

  <link href="/open-iconic/font/css/open-iconic.css" rel="stylesheet">
Body
  <span class="oi" data-glyph="icon-name" title="icon name" aria-hidden="true"></span>

Bootstrap Font

Use Bootstrap? We have a collection of stylesheets which are designed to work perfectly with it.

  <link href="/open-iconic/font/css/open-iconic-bootstrap.css" rel="stylesheet">
Body
<span class="oi oi-icon-name" title="icon name" aria-hidden="true"></span>

Foundation Font

Iconic also works for Foundation and functions just like Foundation's icon font.

  <link href="/open-iconic/font/css/open-iconic-foundation.css" rel="stylesheet">
Body
<span class="fi-icon-name" title="icon name" aria-hidden="true"></span>

License

Open Iconic's icons are licensed under the MIT Licence and its fonts are under the Open Font License.

Attribution

Open Iconic doesn't require attribution, but we sure appreciate it. If you're feeling generous, add the following somewhere in your project:
"Open Iconic — www.useiconic.com/open"