background preloader

Ionicons: The premium icon font for Ionic Framework

Ionicons: The premium icon font for Ionic Framework

Open Iconic, a free and open icon set 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. SVG Sprite Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. Tip: To make your icons easily style able, we suggest adding a general class to the <svg> tag and a unique class name for each different icon in the <use> tag. <head> ... Sizing icons only needs basic CSS. Coloring icons is even easier. Font Icon fonts are a great fallback for SVG—and our font is pretty great. Head Body Bootstrap Font Use Bootstrap? Foundation Font Iconic also works for Foundation and functions just like Foundation's icon font.

Icon Font & SVG Icon Sets ❍ IcoMoon ❍ Icon Packs 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 packs in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font with ligatures, or good old PNG/CSS sprites. IcoMoon was first built and released back in the November of 2011. Since its release, it has changed the way icons are being used in web today. IcoMoon is constantly improving and it offers many unique features. With over 5000 open source and free 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?

Steve Schoger Heroicons UI make the perfect fit for any in-app UI. Their soft edges and consistent 2 pixel stroke give them a friendly pesonality that work great for both professional and playful UI's. I’ve been working on this set for a while and decided to make them available for free under the MIT license. Each icon in this set of 104 glyphs is designed in a 24 x 24 pixel grid and maintain a consistent visual proportion when next to each other. Get the icons on GitHub I plan to continue growing this set so feel free to sign up below to get notified when updates are available. Success! Psst...if you're looking for an icon set more suitable for your marketing page, check out Heroicons for marketing, a unique set of icons for your marketing website that make it easy to customize with CSS to better align to your brand.

Material Icons Guide - Google Design An overview of material icons—where to get them and how to integrate them with your projects. Material design system icons are simple, modern, friendly, and sometimes quirky. Each icon is created using our design guidelines to depict in simple and minimal forms the universal concepts used commonly throughout a UI. Ensuring readability and clarity at both large and small sizes, these icons have been optimized for beautiful display on all common platforms and display resolutions. See the full set of material design icons in the Material Icons Library. The icons are available in several formats and are suitable for different types of projects and platforms, for developers in their apps, and for designers in their mockups or prototypes. Licensing We have made these icons available for you to incorporate them into your products under the Apache License Version 2.0. Browsing and downloading individual icons The complete set of material icons are available on the material icon library. face Sizing

Related: