Octicons. Fico. Pixelated. Total of 36 diverse iconsTwo color schemes – light on dark and dark on lightPixelated is extremely lightweight – icon file sizes average about 60 bytes!
Not megabyes, or even kilobyes, bytes! Transparent GIFs will work on any background, even IE6.PSD included. Pixelated is free to use for personal and commercial work, no strings attached, though we do appreciate links or tweets. Ikoo. Social Media Icons. Socialico is a package of 74 social media icons, combined within a single wieght font and designed by Jelio Dimitrov a.k.a.
Arsek. Every single icon matches a particular key on your keyboard – for example, the lower caps of the basic Latin alphabet form the more popular social icons in a circle, while the representations in capital letters of the same alphabet show them without the circle formation – in their pure form (you can find a detailed tutorial depicted on the last image of the presentaton). The social icons font is very convenient and easy to use for web design in themes, page layouts etc, as well as for every type of print or offline design. Signify Lite. Just Vector. Donec sed odio dui.
Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Pellentesque ornare sem Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Aenean eu leo quam. Nulla vitae elit libero, a pharetra augue. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur Aenean eu leo quam. Nullam id dolor id nibh ultricies vehicula ut id elit. Heydings. In a previous article, I addressed the many advantages of using a web font (in place of images) to render icons into your UI design.
In the same article I mentioned a frustrating deficit of high quality, free icon web fonts available for embedding and conceded my own failure at building one with Fontstruct (less a font design tool than a mental health risk). After continued experimentation, I found a satisfactory way to create a TTF and I'm now able to offer you Heydings Icons. It's a fairly modest collection of 50 57 60 glyphs specifically intended for the accessorization and classification of textual cues such as hyperlinks, navigation elements and buttons.
You can, of course, use the set much more expressively as well. Also, there's no requirement to embed; you may just want to use it as a desktop/print font. I've tried to map the characters to the glyphs alphabetically, although you'll notice some cheating going on. Meteocons. Broccolidry. IcoMoon. IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists.
IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon sets in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font or simple PNG/CSS sprites. IcoMoon was first built and released back in the November of 2011. Since its release, it has changed the way icon fonts (and icons in general) are being used in web today. IcoMoon was also the first to solve a big problem with icon fonts: Compatibility with screen readers. IcoMoon is constantly improving and it offers many unique features.
With over 4000 free and open source icons available in IcoMoon's library, and by allowing you to generate crisp icon fonts and SVG sprites locally/offline, this service is far ahead of any similar one. Need to contact us? PulsarJS. Raphaël Icon-Set. Foundation Icons Fonts. Settings heart star plus minus checkmark remove mail calendar page tools globe cloud error right-arrow left-arrow up-arrow down-arrow trash add-doc edit lock unlock refresh paper-clip video photo graph idea mic cart address-book compass flag location clock folder inbox website smiley search phone General Enclosed Set Social Set thumb-up thumb-down facebook twitter pinterest github path linkedin dribbble stumble-upon behance reddit google-plus youtube vimeo clickr slideshare picassa skype instagram foursquare delicious chat torso tumblr video-chat digg wordpress Accessibility Set wheelchair speaker fontsize eject view-mode eyeball asl person question adult child glasses cc blind braille iphone-home w3c css key hearing-impaired male female network guidedog universal-access elevator How These Were Built Here at ZURB, we’re always trying to think of new ways to innovate on our processes and methods.
Sosa. Web Symbols. Modern Pictograms. Π ∑ ◊ ü ∂ : ; ~ Ö œ ¬ å fi € ‰ ‹ ‰ ƒ † ë t n Introducing version 2: Modern Pictograms Pro.
The new version adds 130 icons, with half of the originals redrawn for retina. Version 2 is a paid font, with single icons starting at 50 cents. Modern Pictograms is a typeface for interface designers and programmers. Designed in early 2011 for the Flatfile Wordpress theme, the pictograms stay sharp when used large or small. Find out more at modernpictograms.com John Caserta, concept and type design Micah Barrett and John Caserta, Printed Pro Specimen John Caserta and Greg Nemes, modernpictograms.com website. Typicons. Brandico.
Iconic. Displaying Open Iconic's SVGs are a snap.
Just treat them like your typical image and away you go! Pro tip: Don't forget the alt attribute. Entypo. Sanscons.