kenangundogan / fontisto

The iconic font and CSS toolkit. 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 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 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

• Download the latest release.
• Clone the repo: git clone https://github.com/kenangundogan/fontisto.git
• 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

	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

• The Fontisto font is licensed under the SIL OFL 1.1:
  • http://scripts.sil.org/OFL
• Fontisto CSS, LESS, and Sass files are licensed under the MIT License:
  • https://opensource.org/licenses/mit-license.html
• The Fontisto documentation is licensed under the CC BY 3.0 License:
  • http://creativecommons.org/licenses/by/3.0/
• Attribution is no longer required as of Fontisto 3.0, but much appreciated:
  • Fontisto by Kenan Gündoğan - http://fontisto.com
• Full details: http://fontisto.com/license

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 ·

ToDo List (font with css)

• font width css (completed)
• scss to css (completed)
• less to css (completed)
• stylus to css (completed)

ToDo List (Advanced Packaged)

• Svg with js
• Svg sprite
• Vue.js
• React
• Angular

ToDo List (icon set)

• Brand (completed)
• Browser (completed)
• Accessibility (completed)
• Chart (completed)
• currency (completed)
• Directional (completed)
• Form Control (completed)
• Gender (completed)
• Hand (completed)
• Payment (completed)
• Player (completed)
• Spinner (completed)
• Transportation (completed)
• Web Application (completed)
• Text Editor (completed)
• Weather Foreces (completed)
• Emoji (completed)
• Shopping (completed)
• Snow Flake (completed)
• Travel (completed)
• Sports
• Medical (completed)
• Eat
• Shapes