Linea Type: SVG, PNG, Icon font Number of icons: 730+ License: CCBY Projects for easy framework integration are available for Angular, Vue, and React. All the icons are designed on a 24x24 grid and have the same rounded corner style, giving them a consistent look. There is also the risk of icons looking different across browsers.įeather Icons Type: SVG Number of icons: 240 License: MITįeather is one of the most popular open-source icon sets. They are not recommended if you are going to use a big number of icons. All you need to do is to copy the CSS of the icon you like and paste it in your project's stylesheet. CSS iconsĬSS icons are most effective if you need to use a small amount of icons. SVGs are supported in modern browsers, but lack support in older versions of IE and Android 2.3 and below. They can be displayed through using CSS, object tags, img tags, or inlined directly into your HTML. Scalable Vector Graphics (SVG) is an XML-based vector graphics format that can scale to any size without losing clarity. Icon fonts are treated as text by browsers, so you’ll need to normalize them to avoid text anti-aliasing issues, and are supported in almost all browsers. They are monochromatic, and best suited for simple shapes. Icon fonts work well when using a large number of icons with basic styling requirements. Before we get to the resources, let's take a quick look at the pros and cons of each type: Icon Fonts We've separated them into 3 categories: icon fonts, SVGs, and CSS icons. In this article we've collected 9 of the most reliable and polished icon packs the web has to offer. Adding the appropriate icons can bring clarity to the UI, guiding the users through the page and showing them what every button or link does. Using icons is one of the fastest and easiest way to make your design more interesting and eye-catching.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |