In addition to SwiftUI Apple also introduced SF Symbols at WWDC. Think of it as the Glyphicons that ship with Bootstrap, but then for iOS/iPadOS/tvOS apps. SF Symbols provides a set of over 1,500 consistent, highly configurable symbols you can use in your app. Apple designed SF Symbols to integrate seamlessly with the San Francisco […]
Tag Archives: icons
ionicons
For use with Ionic, but can also be used outside of it. Makes correct use of Unicode’s Private Use Area. Ionicons →
Color Emoji in Windows 8.1 —The Future of Color Fonts?
With Windows 8.1, Microsoft’s operating system now also supports color emoji. But they did it in a very different way than Apple and Google. Instead of using PNG images, they introduced a support for layered vector glyphs! Reminds of that neat trick where one would layer webfonts/icofonts on top of eachother, all in a different […]
Grunticon: A Grunt.js plugin for managing and delivering sharp icons to all devices
grunticon takes a folder of SVG files (typically, icons that you’ve drawn in an application like Adobe Illustrator), and outputs them to CSS in 3 formats: svg data urls, png data urls, and a third fallback CSS file with references to regular png images, which are also automatically generated and placed in a folder. Just […]
In Defence of the Floppy Disk Save Symbol
Those who believe that the floppy cannot represent saving a document because nobody uses real floppy disks anymore miss an important point: while symbols initially piggyback on the meaning we assigned to a material object in order to stand in for something more abstract, once a symbol is used often enough, the symbol itself is […]
Elusive Icons
Extra icons for use with Bootstrap Elusive Icons →
Fontello – iconic fonts scissors
This tool lets you combine iconic webfonts for your own project. With fontello you can: shrink glyph collections, minimizing font size merge symbols from several fonts into a single file access large sets of professional-grade open source icons First, select the icons you like. Then update glyph codes (optional), and download your webfont bundle. Source […]
IcoMoon | Using Fonts for Resolution Independent Assets
Create your own SVG drawings (such as Twitter/Facebook/etc. logos), upload them to IcoMoon and voilà: you have a custom webfont you can use. If you want to have more control, you can do it manually if you like. IcoMoon →
Fico | a font with icons
Fico is a font with 52 simple, commonly used icons and glyphs, served on the web via @font-face. Fico | a font with icons, by Lensco.be →