Yerba icons for Windows 10 are designed to match the original icons of Windows 10; we’ve summarized this design system in our article that Microsoft has failed to produce. Optimized for 32×32 pixels, these are our cleanest outline icons, only to compete with our small 1em icons and way less detailed as our iOS icons. Like all our free icon packs, these Yerba icons are available for download as PNG, SVG, PDF and other vectors, as an icon font, and as HTML/CSS snippets.
These color Yerba icons belong to our Flat Colors icon set. This is our second most popular icon pack after iOS. Feel free to download this icon in PNG format for free, or unlock vectors. Unlike other icon packs that have merely hundreds of icons, this monster icon pack contains 9,000 icons, all in the same style and quality. Like all our free icon packs, these Yerba icons are available for download as PNG, SVG, PDF and other vectors, as an icon font, and as HTML/CSS snippets.
These are the Yerba icons for iOS. They follow the iOS Human Interface Guidelines (Apple could have done it better though), first introduced in iOS 7 and supported in all later releases up until now (at least iOS 11). These are outline icons; they're based on thin two-pixel lines and is optimized for 50×50 pixels. If you're creating an iOS app, either download Yerba PNG icons in 3 sizes (free icons for 50 and 100px; for folks who paid there's 150px) or download a single vector icon in PDF format (you'll have to buy icons) — Xcode will generate the proper PNGs on the compilation. There's a matching set of glyph icons — Apple introduced them in iOS 11 and uses for tab bars.
These small, tiny Yerba icons are designed to fit the text. They are only 16 pixels tall, thus we called them 1em (1em=16px). The problem that web designers are aware: once inserted in text, the icons break the line, making text “dance” and overall make design look chaotic. 1em is the only icon pack that follows the text, i.e. looks natural in a line of text of a standard font size. Of course, you can scale it up for larger text. A good idea is to generate a font and use it along with your text (we have a built-in font generator). Enjoy your new, clean menus, action buttons, and other pieces of text combined with an icon.