Goal: Custom Flat Design Layout Icon, Minimalist PNG Button
With similar fashioned, we create the layout icon.
Table of Content
This layour icons utilize PNG file. You can spot the layout icons on the top-right of the desktop screen.
Consider have a look at the resources in file manager.
I decide to remade the the PNG using Inkscape. Inkscape use SVG as default format.
Again, if you are not familiar with theming using SVG, I recommend you to read this article below before continue:
2: Unified Graphic Material
This is the Inkscape Part.
Instead of separated UI design for each icon, we can put all icons into one SVG file.
SVG Icon Set
I have made my own custom SVG source, inspired by multicolor theme icons.
You might want to alter the UI/UGM image yourself to suit your needs, e.g. black and white, or minimalist something.
SVG source available at:
We need to map from generated PNG to Awesome predefined variable names.
What is Next?
Consider continue reading [ Awesome WM - Theme - Layout Icons ]. There is this topic, about multicolor layout icons. Creating minimalist PNG Button using Inkscape, one SVG file to create each PNG resource.
What do you think?