Home

Awesome

<p align="center"> <a href="http://fontisto.com"><img src="http://fontisto.com/assets/images/fontisto-cover-1.png"></a> <p align="center"> 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. <br> <a href="http://www.fontisto.com/get-started"><strong>Fontisto get-started</strong></a> &middot; <a href="http://fontisto.com/examples"><strong>Fontisto example</strong></a> &middot; <a href="http://fontisto.com/icons"><strong>Fontisto icons</strong></a> &middot; <a href="http://fontisto.com/icons-cheatsheet"><strong>Fontisto cheatsheet</strong></a> </p> <p align="center"> <a href="https://www.npmjs.org/package/fontisto"> <img src="https://img.shields.io/npm/v/fontisto.svg?style=flat" alt="npm"> </a> </p> </p>

Fontisto (The iconic font and CSS toolkit)

Fontisto is a full suite of 616+ 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 http://fontisto.com

Quick start

Build Status npm version PHP version Meteor Atmosphere

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

	css/
	├── fontisto/
		├── fontisto.css
		├── fontisto.css.map
		├── fontisto.min.css
		└── fontisto.min.css.map

Source File (Sass/Scss)

	sass/
	├── 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)

	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)

	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

Versioning

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

<major>.<minor>.<patch>

License

Copyright and license

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

<p align="center"> <a href="http://fontisto.com/browser-addon"><img src="http://fontisto.com/assets/images/browser-addon-screen-shot/fontisto-browser-extension-1280x800-2.png"></a> <p align="center"> Fontisto browser addons (chrome, firefox, opera) <br> <a href="http://fontisto.com/browser-addon"><strong>Fontisto Browser Addons</strong></a> &middot; <a href="https://chrome.google.com/webstore/detail/fontisto/gnmccfjgnhfoihcpglcogbclihomaidh?hl=en"><strong>Fontisto Chrome Extension</strong></a> &middot; <a href="https://addons.mozilla.org/tr/firefox/addon/fontisto/"><strong>Fontisto Firefox Addon</strong></a> &middot; <a href="https://addons.opera.com/tr/extensions/details/fontisto/"><strong>Fontisto Opera Addon</strong></a> &middot; </p> </p>

ToDo List (font with css)

ToDo List (Advanced Packaged)

ToDo List (icon set)