![]() ![]() Other than creating clean and pleasant looking icons, designing this way can reduce file size as fewer points are required to create the SVG path. Use geometric shapes and predictable/common angles wherever possible. (These guidelines and principles too can change.) Geometric shapes To accommodate for this inevitability there are some stylistic guidelines and principles that should be followed to support a more cohesive style even as new icons are designed. GuidelinesĪs new icons get designed over time, it’s reasonable to expect that styles may diverge or vary even across the same set of icons. ![]() Text not converted to strokes will be rendered in a font specified by the browser. Strokes and text must be converted to outlines. You may want circular icons to have less padding than square icons. For example, icons that are square will take up more volume than circular icons. For icons that are "full-size" scale them appropriately so that they're visually balanced. ![]() If you scale down you may lose some pixels/details.Īrtwork should be aligned in the center of the artboard. If you scale up, your pixels will multiply and grow, ensuring that they'll be represented at larger sizes. If you need to design for larger icons, scale up not down. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
January 2023
Categories |