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> · <a href="http://fontisto.com/examples"><strong>Fontisto example</strong></a> · <a href="http://fontisto.com/icons"><strong>Fontisto icons</strong></a> · <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
- 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:
- Fontisto CSS, LESS, and Sass files are licensed under the MIT License:
- The Fontisto documentation is licensed under the CC BY 3.0 License:
- 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 <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> · <a href="https://chrome.google.com/webstore/detail/fontisto/gnmccfjgnhfoihcpglcogbclihomaidh?hl=en"><strong>Fontisto Chrome Extension</strong></a> · <a href="https://addons.mozilla.org/tr/firefox/addon/fontisto/"><strong>Fontisto Firefox Addon</strong></a> · <a href="https://addons.opera.com/tr/extensions/details/fontisto/"><strong>Fontisto Opera Addon</strong></a> · </p> </p>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