![]() ![]() Sure, using the icons via the official FontAwesome component represents its own drawbacks, but it allows for easy management of sizes, weights, colors, naming, and still allows developers to make a custom svg spritesheet out of the icons actually used in the designs. also, it might require ajusting bouding boxes etc since all icons aren’t of the same exterior size, while as a font character it is aligned properly in the character bounding box. Importing all this as individual vector layers will decouple each icon from its similar icons of different weight, and from its name that’s findable on the fontawesome website. I have prepared 10 font combinations for you to use in your projects without thinking about any other thing, but do pay attention to the content you use it for. So my question is, how do more senior designers feel about this versus the import method ?Īs a junior, my concerns are that in the case of FontAwesome we use for example, it is 16000 icons, that are actually about 4000 unique icons available in 4 weights. Font Awesome 5 icon component library for Figma.1,264 free and premium vector icons ready to use for your next UX design project. 10 Awesome Font Combinations (Free) Fonts dont always match up with every other font, there are font pairings which complement each other. Get More Examples & Demos only on font awsome icon. And then, for hand-off, the same FontAwesome provider has an easy tool to generate custom SVG sprites based on what icons are used overall in the project. Font Awesome Figma Icon - Fab Fa Figma HTML CSS Code - This example contains the demo for fa fa Figma icon which uses class Fab Fa Figma. However, one of the more “traditional” or long standing icon providers, FontAwesome, provides the option to use a simpler component that uses an underlying OS or Figma hosted font to speficy which icon should be displayed (and a custom component can even be made to use Figma styles to simplify it). ![]() The general consensus for best practice, as well as what I see in most pro UI kits for sale, seems to be importing a huge set of icons as SVG individually in the Figma design system files, and creating one component out of each icon with a vector layer only, and building components using icons based on that. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |