node package manager


Fontisto gives you scalable vector icons that can instantly be customized: size, color, drop shadow and anything that can be done with the power of CSS.
Fontisto get-started · Fontisto example · Fontisto icons · Fontisto cheatsheet


Fontisto (The iconic font and CSS toolkit)

Fontisto is a full suite of 552+ pictographic icons for easy scalable vector graphics on websites, created and maintained by Kenan Gündoğan. Stay up to date with the latest release and announcements on Twitter: @fontisto.

Get started at

Quick start

Build Status npm version PHP version Meteor Atmosphere

  • Download the latest release.
  • Clone the repo: git clone
  • Install with npm: npm install fontisto
  • Install with bower: bower install fontisto
  • Install with yarn: yarn add fontisto
  • Install with composer: composer require kenangundogan/fontisto
  • Install with meteor: meteor add kenangundogan:fontisto

What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.

Outuput File

    ├── fontisto/
        ├── fontisto.css
        ├── fontisto.min.css

Source File (Sass/Scss)

    ├── fontisto/
        ├── fontisto.scss
        ├── _variables.scss
        ├── _color.scss
        ├── _font.scss
        ├── _icons.scss
        ├── _animated.scss
        ├── _list.scss 
        ├── _bordered.scss
        ├── _rotated.scss
        ├── _stacked.scss
        ├── _fixed-width.scss
        └── _screen-readers.scss

Source File (Less)

    ├── fontisto/
        ├── fontisto.less
        ├── variables.less
        ├── color.less
        ├── font.less
        ├── icons.less
        ├── animated.less
        ├── list.less 
        ├── bordered.less
        ├── rotated.less
        ├── stacked.less
        ├── fixed-width.less
        └── screen-readers.less

Source File (Stylus)

    ├── fontisto/
        ├── fontisto.styl
        ├── variables.styl
        ├── color.styl
        ├── font.styl
        ├── icons.styl
        ├── animated.styl
        ├── list.styl 
        ├── bordered.styl
        ├── rotated.styl
        ├── stacked.styl
        ├── fixed-width.styl
        └── screen-readers.styl


Flexible Grid will be maintained under the Semantic Versioning guidelines as much as possible. Releases will be numbered with the following format:



Copyright and license

Designed and built by @kenangundogan, @ulasderin and @mstfsnc
2017 Currently - Code licensed MIT License

Fontisto browser addons (chrome, firefox, opera)
Fontisto Browser Addons · Fontisto Chrome Extension · Fontisto Firefox Addon · Fontisto Opera Addon ·