Goal: Custom Flat Design Layout Icon, Minimalist PNG Button
With similar fashioned, we create the layout icon.
Table of Content
Preface: 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?