Create consistent, scalable icon sets with unified stroke weights, grid alignment, and style guidelines for applications, websites, and design systems.
Design a cohesive icon set of [NUMBER — 12/16/20/24/30] icons for a [DOMAIN — e-commerce / finance / healthcare / education / food delivery / travel / social media / productivity / smart home] application. Icon Style: - Style: [ICON_STYLE — outlined (stroke only) / filled (solid) / duotone (two-tone fill) / flat with long shadow / 3D isometric / hand-drawn sketch / glassmorphic]. - Stroke weight: [STROKE — 1.5px / 2px / 2.5px] consistent across all icons. - Corner style: [CORNERS — sharp / slightly rounded (2px radius) / fully rounded]. - Line cap: [CAP — round / square / butt]. - Line join: [JOIN — round / miter / bevel]. Grid & Sizing: - Base grid: [GRID — 24x24px / 32x32px / 48x48px] with 2px padding (safe zone). - Optical alignment: Icons should be optically centered within the grid, not mathematically centered. - Key shapes: Use consistent key shapes — circles fill to [CIRCLE]px, squares to [SQUARE]px, horizontal rectangles to [H_RECT], vertical rectangles to [V_RECT]. - Pixel-perfect: Align all strokes to the pixel grid at the base size to prevent blurriness. Color: - Monochrome version: [MONO_COLOR — #333333 / brand color / white for dark mode]. - If duotone: Primary [DUO_PRIMARY], Secondary [DUO_SECONDARY] (typically a lighter tint). - Active/selected state color: [ACTIVE_COLOR]. - Inactive/disabled state: 40% opacity of base color. Icons to Include: [ICON_LIST — e.g., for e-commerce: 1. Home 2. Search / magnifying glass 3. Shopping cart 4. Heart / wishlist 5. User profile 6. Settings / gear 7. Notifications / bell 8. Filter / funnel 9. Sort / arrows 10. Share 11. Download 12. Star / rating 13. Location pin 14. Truck / delivery 15. Credit card / payment 16. Return / refresh 17. Chat / support 18. Camera 19. Tag / price 20. Checkmark / success ] Metaphor Rules: - Each icon must be instantly recognizable without a label. - Use universally understood metaphors (avoid cultural bias). - Maintain consistent visual weight — no icon should appear heavier or lighter than others. - Avoid text within icons. - Keep detail level consistent — if one icon has inner details, all should have a similar level. Presentation Layout: - Arrange all icons in a grid layout on a [PRESENTATION_BG — white / light gray / dark] background. - [GRID_LAYOUT — 4 columns / 5 columns / 6 columns] with equal spacing. - Below each icon, include a label in small text: the icon name. - Show the base grid overlay on one sample icon to demonstrate alignment. Export Readiness: - Design each icon to work at: 16px, 24px, 32px, and 48px without losing clarity. - Ensure adequate spacing within each icon for the smallest render size. Output: Single sheet showing the complete icon set in grid layout, clean presentation style.
Free to copy and use. Compatible with DALL-E 4, Midjourney v7, Adobe Firefly 3.
Define your domain, icon style, and list of required icons. The generated sheet serves as a visual reference — use it as a guide when creating the final vector icons in Figma or Illustrator. For consistent results, generate the full set in a single prompt rather than individual icons.
Initial release
Sign in and download this prompt to leave a review.