Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/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.
https://github.com/kenangundogan/fontisto
addon extension font font-icon font-icon-libraries font-library fontisto glyph-icons icon icon-font icon-pack icon-set iconic-fonts less sass stylus web-font web-icons
Last synced: 14 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/kenangundogan/fontisto
- Owner: kenangundogan
- License: mit
- Created: 2017-09-24T09:11:19.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2021-09-18T09:54:11.000Z (about 3 years ago)
- Last Synced: 2024-05-22T16:21:51.909Z (6 months ago)
- Topics: addon, extension, font, font-icon, font-icon-libraries, font-library, fontisto, glyph-icons, icon, icon-font, icon-pack, icon-set, iconic-fonts, less, sass, stylus, web-font, web-icons
- Language: Less
- Homepage: http://fontisto.com
- Size: 4.11 MB
- Stars: 480
- Watchers: 22
- Forks: 49
- Open Issues: 40
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
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](https://www.linkedin.com/in/kenangundogan).
Stay up to date with the latest release and announcements on Twitter:
[@fontisto](http://twitter.com/fontisto).Get started at http://fontisto.com
## Quick start
[![Build Status](https://travis-ci.org/kenangundogan/fontisto.svg?branch=master)](https://travis-ci.org/kenangundogan/fontisto)
[![npm version](https://badge.fury.io/js/fontisto.svg)](https://badge.fury.io/js/fontisto)
[![PHP version](https://badge.fury.io/ph/kenangundogan%2Ffontisto.svg)](https://badge.fury.io/ph/kenangundogan%2Ffontisto)
[![Meteor Atmosphere](https://img.shields.io/badge/meteor-kenangundogan/fontisto-blue.svg)](https://atmospherejs.com/kenangundogan/fontisto)- [Download the latest release.](https://codeload.github.com/kenangundogan/fontisto/zip/master)
- Clone the repo: `git clone https://github.com/kenangundogan/fontisto.git`
- Install with [npm](https://www.npmjs.com/package/fontisto): `npm install fontisto`
- Install with [bower](https://bower.io): `bower install fontisto`
- Install with [yarn](https://yarnpkg.com/en/package/fontisto): `yarn add fontisto`
- Install with [composer](https://packagist.org/packages/kenangundogan/fontisto): `composer require kenangundogan/fontisto`
- Install with [meteor](https://atmospherejs.com/kenangundogan/fontisto): `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:
```
..
```## 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](https://github.com/kenangundogan/fontisto/blob/master/LICENSE)
Fontisto browser addons (chrome, firefox, opera)
Fontisto Browser Addons ·
Fontisto Chrome Extension ·
Fontisto Firefox Addon ·
Fontisto Opera Addon ·
## ToDo List (font with css)
- [x] font width css (**completed**)
- [x] scss to css (**completed**)
- [x] less to css (**completed**)
- [x] stylus to css (**completed**)## ToDo List (Advanced Packaged)
- [ ] Svg with js
- [ ] Svg sprite
- [ ] Vue.js
- [ ] React
- [ ] Angular## ToDo List (icon set)
- [x] Brand (**completed**)
- [x] Browser (**completed**)
- [x] Accessibility (**completed**)
- [x] Chart (**completed**)
- [x] currency (**completed**)
- [x] Directional (**completed**)
- [x] Form Control (**completed**)
- [x] Gender (**completed**)
- [x] Hand (**completed**)
- [x] Payment (**completed**)
- [x] Player (**completed**)
- [x] Spinner (**completed**)
- [x] Transportation (**completed**)
- [x] Web Application (**completed**)
- [x] Text Editor (**completed**)
- [x] Weather Foreces (**completed**)
- [x] Emoji (**completed**)
- [x] Shopping (**completed**)
- [x] Snow Flake (**completed**)
- [x] Travel (**completed**)
- [ ] Sports
- [x] Medical (**completed**)
- [ ] Eat
- [ ] Shapes