We decided in favour of the centering in the unknown CSS hack. It makes the SVG element blurry on non-retinaĭevices (even with transform-style: preserve-3d), leads to painting issues on some Android stockīrowsers and IE11 has issues when text direction, offset and transform are combined. Centering SVG file with transform.Ĭentering SVGs using transforms is very “unpleasant”. Icons (around 1KB) as background images that were merged with our main CSS in order to avoid anĪdditional request. Keeping a small set of icons as background images.Įlements like select should have icons as a background-image and therefore we kept a small set of All of these files had to be cleaned up,Īs they were going to be inlined and these styles were affecting other icons colours. Some icons exported from Sketch and Illustrator contained the same ID attribute, inlined CSS, styleĬlasses and other junk, even after being through the SVG optimizer. Non-supported browsers.icon-iconname Sketch and Illustrator exports. Occurrences in our markup to use the new SVG icons as background images and to have a PNG fallback for Remove around 800 icons and more than 2000 background-positions from the stylesheet. The decision was made to use SVG icons embedded as data URIs in CSS (see listing below), with an embedded PNGįallback which we built with grunticon. Include them anyway you likeSVGs, SVG sprite, or web fonts.
Free, high quality, open source icon library with over 1,800 icons. Will explain our reasoning behind this decision and how it improved maintainability and website performance. New in v1.10.0: 140+ new icons Bootstrap Icons. Need to contact us? Use our Contact Form.Around a year ago, in our large scale refactoring projectĪlso known as Project Ironman, we stepped away from image sprites that we used for our icons.
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. To achieve this, the icon font generator takes the grid size of each icon into account, and uses a proper alignment. We proudly claim that IcoMoon is the only online service that generates crisp, pixel perfect icon fonts. IcoMoon is constantly improving and it offers many unique features. IcoMoon introduced the first custom icon font builder, which allowed selecting icons and converting them to fonts. Since its release, it has changed the way icons are being used in web today. IcoMoon was first built and released back in the November of 2011. 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 All of our icons are designed on a precise pixel grid. IcoMoon's icon library features only the very best icon sets out there.
IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists.
0 kommentar(er)
