How does it ensure icons look good at small sizes?

The skill enforces quality rules such as avoiding thin strokes and provides specific verification steps for 16px and 24px variants.

Can it generate icons for mobile web apps?

Yes, it specifically creates apple-touch-icons and PWA-compliant icons, including the required maskable versions for Android.

Does this skill help with Unreal Engine packaging?

Yes, it includes specialized workflows for generating Windows .ico, macOS .iconset/.icns, and Linux .png formats required for UE game distribution.

Does it provide the code to implement the icons?

Yes, it generates manifest.webmanifest examples and the necessary HTML snippets for immediate web integration.

What source formats does the Icon Generator support?

It prefers a 1024x1024 square PNG or a clean SVG file to ensure high-quality downscaling across all required sizes.

Icon Asset Generator

Name: Icon Asset Generator
Author: ssdeanx

byssdeanx

•

Design Tools

Automates the generation of production-ready web favicons, PWA assets, and game engine icon bundles from a single source file.

About

This skill provides a streamlined workflow for developers and designers to generate comprehensive icon sets for web applications and Unreal Engine projects. It automates the creation of multi-size .ico files, apple-touch-icons, and maskable PWA assets while adhering to safe-area guidelines and platform-specific requirements. By utilizing a central Python script and reference documentation, it ensures high-quality rendering at small scales and provides the necessary HTML snippets and manifests for immediate deployment.

Key Features

Built-in guidance for PWA maskable icons and safe-area compliance
Multi-platform asset generation for Web, PWA, and Unreal Engine (Windows, macOS, Linux)
1 GitHub stars
Generation of necessary web metadata, including manifest.webmanifest and HTML head tags
Automated conversion of SVG or high-resolution PNGs into optimized multi-size .ico bundles
Quality-focused workflow with specific checks for low-resolution legibility at 16px and 24px

Use Cases

Preparing icon sets for cross-platform distribution of an Unreal Engine game
Generating a complete set of favicons and PWA icons for a new web application
Automating the creation of maskable icons to ensure perfect display on various mobile OS platforms

About

Key Features

Built-in guidance for PWA maskable icons and safe-area compliance
Multi-platform asset generation for Web, PWA, and Unreal Engine (Windows, macOS, Linux)
1 GitHub stars
Generation of necessary web metadata, including manifest.webmanifest and HTML head tags
Automated conversion of SVG or high-resolution PNGs into optimized multi-size .ico bundles
Quality-focused workflow with specific checks for low-resolution legibility at 16px and 24px

Use Cases

Preparing icon sets for cross-platform distribution of an Unreal Engine game
Generating a complete set of favicons and PWA icons for a new web application
Automating the creation of maskable icons to ensure perfect display on various mobile OS platforms