12/25/2023 0 Comments Simple line icons webfont![]() ![]() Xnix Icon Pack (500+ Free Icons, Figma, Sketch & Adobe XD).Line Icons Expanded (200+ Icons, AI, EPS, PSD & PNG).Iconic Pixel-Perfect Icons (620 Free Icons, SVG).Website UI Thin Line Icons Pack (60 Icons, AI, EPS, PNG & SVG).Freebie SWM Icon Pack (300 Free Icons, SVG & Figma).Boxicons Web-Friendly Icon Set (1,500+ Open-Source Icons, SVG & Web Font).Iconoir Icon Collection (900+ Open-Source Icons, SVG, Web Font, React, Figma & Framer).Glyphs Complete Icon Design System (6,000+ Open-Source Icons, SVG, Figma, Web Font, Vue & React).Heroicons 2.0 (292 Free Icons, SVG & Figma).olicons (180 Open-Source Icons, SVG & Web Font).Supercons React Iconset (200 Open-Source Icons, SVG & React).Tabler Icons (3,000+ Free Icons, SVG & PNG).Iconduck Open-Source Icons (195,000 Free Icons, Figma).Sargam Icons (250+ Free Icons, SVG & Figma).Fluent Icons (4,000+ Open-Source Icons, SVG, PNG, WEBP & Figma).Bootstrap Icons (1,500+ Icons, SVG, SVG Sprite & Web Font).With such a variety of free icon sets available, UI designers can find the perfect icons to fit their project’s style, tone, and purpose here. All of the sets are free to download, with most allowing you to use them in both your personal and commercial projects, but please check the license before you usage. The curated collection of free icon sets we have for you below are available in various formats (SVG, PSD, AI, EPS, and Web Fonts) and for different UI applications, like Sketch, Figma, and Adobe XD. If your web design project has taken a minimalist approach, you’re building a clean and simple mobile app, or you are looking for something a little more playful, you will find the icon set you need here.Īdditionally, some icon sets have been designed for specific purposes, such as eCommerce, weather, or social media, making it easier to find relevant icons. It’s just a matter of finding the icon set that best suits the requirements of your project. Luckily, most icon sets are available for free for designers to use in many different types of projects, including web and mobile app design. To do so it would be great to have a separate file simple-line-icon-variables.scss with only font-face mixin and charcode declarations like the following: $simple-line-font-path: ".Icons play a critical role in UI design, offering a simple yet effective way of conveying information and direction while enhancing user experience. Sometimes we have to style elements as icons without additional elements in markup, for example styling input:before. ġ4 Separate character codes as SCSS variables.I used my forked repository in our project and it seemed to resolve the issue (i.e. So the changes I made in this PR are to modify the less2sass.js script to support adding the !default declaration for the variables that we want to be overridable. Therefore, I didn't see anything in the less2sass code that would support adding this default declaration easily (because there's no good way to determine what should be a default variable vs what shouldn't be). There doesn't seem to be support there for default variables because LESS doesn't have a specific default declaration and instead just relies on ordering. Looking at how the SCSS file was being generated, I saw that the less2sass.js script was used for this transformation. ( See the full comparison to see these changes.) Changes In other words, older versions (specifically version v2.4.1) had the following: $simple-line-font-path: "./fonts/" !default īut in v2.5.2 that line looks like: $simple-line-font-path: "./fonts/" When I looked at the changes made recently, I saw that the !default declarations had been dropped from the built SCSS file. I was updating our project's simple-line-icons dependency to the v2.5.2 version and when I went to test our build, I noticed that it was failing because our overriding of the $simple-line-font-path variable wasn't being applied. 9 : Fixing support for overriding the SCSS variables Context ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |