fontisto - The iconic font and CSS toolkit

  •        24

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. Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.

http://www.fontisto.com
https://github.com/kenangundogan/fontisto

Tags
Implementation
License
Platform

   




Related Projects

open-iconic - An open source icon set with 223 marks in SVG, webfont and raster formats

  •    CSS

We like SVGs and we think they're the way to display icons on the web. Since Open Iconic are just basic SVGs, we suggest you display them like you would any other image (don't forget the alt attribute). Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.

SwiftIcons - 🎢Swift Library for Font Icons - ★ this library

  •    Swift

Please ★ this library. Now, you don't have to download different libraries to include different font icons. This SwiftIcons library helps you use icons from any of the following font icons.

Fork-Awesome - A fork of the iconic font and CSS toolkit (Font-Awesome 4.7)

  •    CSS

Fork Awesome is a full suite of 718 pictographic icons for easy scalable vector graphics on websites, originally created by Dave Gandy and now maintained by a community. Following concerns regarding the development of Font Awesome, the PR Freeze since Oct 2016 and the direction Fort Awesome is taking with the version 5.0 of their project, we are forking Font Awesome (4.7), in order to build on this incredible tool Dave Gandy has given us, while at the same time allowing this project to be run by a distributed community of contributors.

ionicons - The premium icon font for Ionic

  •    HTML

Ionicons is a completely open-source icon set with 700+ icons crafted for web, iOS, Android, and desktop apps. Ionicons was built for Ionic Framework, so icons have both Material Design and iOS versions. When used with Ionic, the ion-icon component will automatically use the correct version based on your platform. Additionally, when used outside of Ionic, both ios and md platforms can be chosen by the application. Note: All brand icons are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by Drifty, nor vice versa.

vue-awesome - Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.

  •    Javascript

Awesome SVG icon component for Vue.js, with built-in Font Awesome icons. Vue-Awesome an SVG icon component for Vue.js, with built-in icons courtesy of Font Awesome.


Android-Iconics - Android-Iconics - Use any icon font, or vector (

  •    Java

If you are an app developer you will know the problem. You start an app but require many different icons, in different sizes (ldpi, mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi), different colors, and different variants. If you get the icons as vector (.svg) or there are many changes over the time, you will always have to get the correct drawables again. Now there's an easy, fast, and small solution for this! The Android-Iconics library.

grunt-webfont - SVG to webfont converter for Grunt

  •    Javascript

Generate custom icon webfonts from SVG files via Grunt. Inspired by Font Custom. This task will make all you need to use font-face icon on your website: font in all needed formats, CSS/Sass/Less/Stylus and HTML demo page.

nerd-fonts - :abcd: Iconic font aggregator, collection, and patcher

  •    CSS

Nerd Fonts is a project that patches developer targeted fonts with a high number of glyphs (icons). Specifically to add a high number of extra glyphs from popular 'iconic fonts' such as Font Awesome ➶, Devicons ➶, Octicons ➶, and others.

awesome-terminal-fonts - Tools and instructions on how to have awesome symbols in a terminal with a monospace font

  •    Shell

Referring to glyphs by codepints (eg. \uf00c) in your scripts or shell configuration it's not recommended because icon fonts like Font Awesome use code points ranges those ranges are not disciplined by the unicode consortium, every font can associate every glyphs to those codepoints. This means that Font Awesome can choose to move glyphs around freely, today \uf00c is associated to the check symbol, tomorrow it can be associated to something else. Moreover, more than one icon font can use the same codepoint for different glyphs and if we want to use them both we need to move one of them. So, if you use a codepoint to refer to a glyph after an update that codepoint can point to another glyph. To avoid this situation you can use the font maps in the ./build directory, font maps are scripts which define shell variables that give names to glyphs, by sourcing those files in your shell you can refer to glyphs by name (eg. $CODEPOINT_OF_AWESOME_CHECK).

react-fontawesome - A React Font Awesome component.

  •    Javascript

A React component for the font-awesome icon library. Note: This component does not include any of the Font Awesome CSS or fonts, so you'll need to make sure to include those on your end somehow, either by adding them to your build process or linking to CDN versions.

siji - An iconic bitmap font based on Stlarch with additional glyphs.

  •    Shell

Siji is an iconic bitmap font based on the Stlarch font with additional glyphs. It inherits additional glyphs from Sm4tik xbm icon pack, Lokaltog Symbols font, xbm-icon font, Uushi font, FontAwesome, and Tewi font with personal additions.

PE-Analog-Clock-icon-font - A set of icons for displaying a visual ("analog") representation of time stamps

  •    HTML

A set of icons for displaying a visual ("analog") representation of time stamps. The Analog Clock icon set allows <time> elements to have a visual notation in a simple, progressive way using a @font-face to deliver a custom font for the clock face. The icon is therefore scalable and can be styled with CSS to match most site designs.

weather-icons - 215 Weather Themed Icons and CSS

  •    CSS

Place the 5 font files and the main weather-icons.min.css file in your project, with the assumption that the fonts are located up ../ from your CSS directory. The icons are displayed by using an i element and adding the base class wi and then the icon class you want, such as day-sunny. This then looks like <i class="wi wi-day-sunny"></i>.

icon-font-for-multiple-platforms - Extra icons from Sketch file, generate font files, demos how to use font files on Web, iOS and Android

  •    Java

This project can make icon font files from Sketch file. These font files can be used in Web, Android and iOS.

react-native-icons - Quick and easy icons in React Native

  •    Objective-C

There's far bigger problems to solve in the open source and React Native communities than competing icon libraries so I'll be focusing on pushing forward other initiatives. Includes 5 different icon fonts and 2,444 icons.

Iconic - Auto-generated icon font library for iOS, watchOS and tvOS

  •    Swift

Iconic helps making icon fonts integration effortless on iOS, tvOS and watchOS. Its main component is in charge of auto-generating strongly typed Swift code with SwiftGen, compatible with Objective-C. You will interact with an auto-generated class under the name of {FontName}Icon.swift, which is a light abstraction of the IconDrawable.swift protocol. For more information, have a look at how to install and how to use.

Iconic - :art: Auto-generated icon font library for iOS, watchOS and tvOS

  •    Swift

Iconic helps making icon fonts integration effortless on iOS, tvOS and watchOS. Its main component is in charge of auto-generating strongly typed Swift code with SwiftGen, compatible with Objective-C. You will interact with an auto-generated class under the name of {FontName}Icon.swift, which is a light abstraction of the IconDrawable.swift protocol. For more information, have a look at how to install and how to use.

openwebicons - A font!

  •    HTML

The OpenWeb Icons is a web-font that gives you scalable vector icons/logos of some open community, standards or projects.

QtAwesome - QtAwesome - Font Awesome support for Qt applications

  •    C++

QtAwesome is a simple library that can be used to add Font Awesome icons to your Qt application. NOTE: Though the name is QtAwesome and currently it's very Font Awesome based, you can use every other icon/glyph font you want.

foundation-icons

  •    CSS

Custom icon sets that are stored in a handy web font. A couple lines of CSS and the right markup will get you going in no time. These icons use the Private Use Area Unicode slots to ensure full accessibility. We designed the glyphs to be refined enough to stand alone as a simple icon, but left room for the imagination. Since you’ll be dealing with a font, the opportunities are nearly limitless. Now your icons can be any size, any color and any style available in CSS.