Customizing Icons to Complement Fonts

Important players in beautiful design are the core elements of icons and fonts. We in Evil Martians believe that developing a solid connection between icons and fonts is one way to give our products a polished sense of beauty, a better user experience, and in some cases, perhaps even better functionality.

Slides support my talk in Bites & Bytes in Lisbon and show the techniques how and why you need to take your icons to the next level and how you can apply some techniques to your projects.

---
Bites & Bytes. Lisbon. 2023

Transcript

1. Customizing Icons to Complement Fonts Gleb Stroganov Bites & Bytes. Lisbon. 2023
2. The icon and font scene
3. Selecting fonts fonts.google.com
4. Reference icons feathericons.com
5. Default view
6. Default view
7. Default view
8. Font anatomy fonts.google.com/knowledge
9. Comparison view
10. Icon modification 1 high-contrast Playfair Display
11. Icon modification 1 high-contrast
12. Icon modification 1 bonus exploration 1
13. Using character sets for further inspiration
14. Icon modification 1 bonus exploration 2
15. push the boundaries and emphasize the importance of exploration even if we break some rules
16. Icon modification 2 square angles Kanit
17. Icon modification 2 square angles
18. Icon modification 2 bonus exploration
19. Icon modification 3 ink traps GT Flexa
20. Icon modification 3 ink traps
21. Icon modification 3 bonus exploration
22. Adjusting arrows
23. EXPLORE THE WAYS TO BRING BEAUTY INTO YOUR PROJECTS new fonts new icons new forms
24. Next steps
25. We love icons 
 and fonts evil-icons.io Google fonts
26. Learn more about fonts on our blog
27. @evilmartians evilmartians.com @strongeron Thank you!