The latest articles on DEV Community by Vitaliy (@nothingbutmeow). https://dev.to/nothingbutmeow https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4173802%2Fe107382e-aff7-4a61-8eaf-615e04dd1773.png https://dev.to/nothingbutmeow en Vitaliy Fri, 09 Oct 2026 16:13:17 +0000 https://dev.to/nothingbutmeow/im-building-themed-icon-sets-for-app-interfaces-1md4 https://dev.to/nothingbutmeow/im-building-themed-icon-sets-for-app-interfaces-1md4 <p>A travel app might need a boarding pass, a suitcase, an airplane and a map pin. Finding each icon separately is only part of the job. They also need to look as though they belong in the same interface.</p> <p>I'm building png2svg.art, and this is the problem behind its AI Icon Sets workflow: start with the objects your app needs and generate a family around one visual direction.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fp4rhdunv524iyfyjmayy.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fp4rhdunv524iyfyjmayy.png" alt=" " width="800" height="600"></a></p> <p>The image shows the generation interface alongside the resulting travel icon set: eight subjects following the same geometric style.</p> <p>The workflow starts with a list of subjects and a style. For a first test, I'd keep that list small: boarding pass, suitcase, airplane and map pin. Then I'd check the result in the actual screen where those icons will be used.</p> <p>The questions I'd check are straightforward:</p> <ul> <li>Can you tell the subjects apart without their labels?</li> <li>Do the shapes still make sense at the size used in the interface?</li> <li>Do any of the icons look noticeably heavier or more detailed than the others?</li> </ul> <p>AI Icon Sets is still in development. You can try generating three icon sets for free after signing up:<br> <a href="https://png2svg.art/ai-logo-generator?style=icons" rel="noopener noreferrer">https://png2svg.art/ai-logo-generator?style=icons</a></p> <p>If you're building an app, which objects are hardest to find together in one icon style?</p> showdev design ai webdev