These are 26 complete, paste-ready icon prompts for Recraft V4 and V4.1 — the vector-native model that outputs true, editable SVG you can open in Figma or Illustrator. Every prompt follows Recraft's four-part structure — a style, the main content, a background, then a detailed style description — and assumes you set the style, aspect ratio, and level of detail in the UI rather than typing inline parameters, because Recraft has none. For anything that needs to match — a toolbar, a tab bar, a whole UI kit — reach for the Set tool, which generates up to six consistent icons in one pass.
New to the model? Start with the best Recraft prompts roundup, keep the Recraft prompt cheat sheet open while you copy, and grab a reusable skeleton from the Recraft prompt templates. Need bigger artwork instead of icons? See the vector illustration prompts and the logo design prompts.
Flat UI icon sets
Generate a matched family of flat icons in one shot with the Set tool. Name the style once, list the individual glyphs, and Recraft holds the stroke, corner radius, and palette steady across all six so the set drops straight into a UI kit.
1. Core Flat UI Icon Set
A set of flat UI icons of six core interface actions: a home, a magnifying-glass search, a gear settings, a user profile, a bell notification, and a heart favorite. Each icon centered with generous even padding on a plain white background. Flat modern style, solid fills with a single rounded 2px accent stroke, consistent corner radius, a tight two-color palette of indigo and slate grey, drawn on a shared 24px grid, simple and readable at small sizes.Settings: Icon · flat substyle · Set tool (6 icons) · SVG export · 1:1
Why it works: Naming the style once and listing the six glyphs lets the Set tool lock a shared grid and palette, so the family reads as one system instead of six unrelated icons.
2. E-Commerce Flat Icon Set
A set of flat e-commerce icons: a shopping cart, a price tag, a credit card, a delivery truck, a gift box, and a shopping bag. Each icon centered with even padding on a plain white background. Flat modern vector style, solid fills with soft rounded corners, a warm palette of coral, teal, and charcoal, uniform visual weight, drawn on a shared 24px grid, clean and legible at small sizes.Settings: Icon · flat substyle · Set tool (6 icons) · SVG export · 1:1
Best for: Online-store dashboards and checkout flows that need a cohesive set of shopping glyphs in one brand palette.
3. Finance Dashboard Flat Set
A set of flat finance icons: a wallet, a rising bar chart, a coin stack, a bank building, a pie chart, and a secure padlock. Each icon centered with generous padding on a plain white background. Flat modern style, solid fills with subtle rounded edges, a professional palette of deep green, navy, and light grey, consistent stroke and corner radius, drawn on a shared 24px grid, crisp at small sizes.Settings: Icon · flat substyle · Set tool (6 icons) · SVG export · 1:1
Why it works: A fixed three-color palette plus "consistent stroke and corner radius" gives the Set tool hard rails, so a finance dashboard gets icons that feel designed rather than assembled.
4. Weather Flat Icon Set
A set of flat weather icons: a sun, a cloud, a cloud with rain, a snowflake, a lightning bolt, and a crescent moon with stars. Each icon centered with even padding on a plain white background. Flat modern vector style, solid fills with soft rounded shapes, a bright palette of sky blue, sunny yellow, and cool grey, uniform visual weight, drawn on a shared 24px grid, simple and friendly, readable at small sizes.Settings: Icon · flat substyle · Set tool (6 icons) · SVG export · 1:1
Best for: Weather widgets and forecast screens where every condition needs to share one rounded, friendly look.
5. Social & Communication Set
A set of flat communication icons: a speech bubble, an envelope, a paper-plane send, a phone handset, an @ mention, and a group of people. Each icon centered with generous padding on a plain white background. Flat modern style, solid fills with rounded corners, a friendly palette of violet, mint, and dark slate, consistent visual weight and corner radius, drawn on a shared 24px grid, clean and legible at small sizes.Settings: Icon · flat substyle · Set tool (6 icons) · SVG export · 1:1
Why it works: Grouping related actions in one Set-tool prompt means the speech bubble and the envelope share the exact same rounding, so a chat or inbox screen stays visually consistent.
Line & outline icons
Line icons are the workhorses of dense UI — toolbars, menus, and settings — because a thin uniform stroke stays light at small sizes. Name the stroke weight, ask for rounded caps and joins, and turn the level-of-detail slider low so Recraft keeps them minimal.
6. Thin-Line Navigation Icon
A line icon of a compass for app navigation, centered with generous padding on a plain white background. Minimal outline style, uniform 2px stroke weight, rounded line caps and joins, no fills, single black stroke, drawn on a 24px grid with clean geometric construction, simple and readable at small sizes.Settings: Icon · line-art substyle · low detail · SVG export · 1:1
Why it works: Specifying "uniform 2px stroke weight, rounded line caps and joins" and low detail keeps the outline crisp and consistent, exactly what a toolbar glyph needs at 24px.
7. Rounded Outline Search Icon
A line icon of a magnifying glass, centered with even padding on a plain white background. Soft rounded outline style, uniform 2.5px stroke weight, fully rounded caps and joins, no fills, single dark slate stroke, drawn on a 24px grid, generous internal spacing, minimal and modern, readable at small sizes.Settings: Icon · line-art substyle · low detail · SVG export · 1:1
Best for: Friendly, rounded design systems where the search glyph should feel soft rather than sharp.
8. Two-Tone Line Settings Icon
A line icon of a gear settings symbol, centered with generous padding on a plain white background. Outline style with a single accent, uniform 2px stroke weight in charcoal with one filled inner circle in a teal accent color, rounded caps and joins, drawn on a 24px grid, clean geometric construction, simple and readable at small sizes.Settings: Icon · line-art substyle · low detail · SVG export · 1:1
Why it works: One filled accent inside an otherwise outline glyph adds a hint of color for active states without breaking the light, line-based system.
9. Line Icon on 24px Grid
A line icon of a calendar with a small date marker, centered with even padding on a plain white background. Precise outline style, uniform 1.5px stroke weight, square-ish rounded joins, no fills, single black stroke, drawn on a strict 24px pixel grid with 2px keylines and consistent optical sizing, minimal and sharp, readable at small sizes.Settings: Icon · line-art substyle · low detail · SVG export · 1:1
Best for: Pixel-tight design systems where icons must snap to a strict 24px grid with even keylines.
10. Outline Media-Player Icon
A line icon of a play button inside a rounded square, centered with generous padding on a plain white background. Minimal outline style, uniform 2px stroke weight, rounded caps and joins, no fills, single dark stroke, drawn on a 24px grid, balanced negative space, simple and instantly recognizable at small sizes.Settings: Icon · line-art substyle · low detail · SVG export · 1:1
Why it works: Wrapping the play triangle in a rounded square gives the outline a stable silhouette, so it reads the same next to pause and stop glyphs generated with the same spec.
3D & isometric icons
3D and isometric icons suit hero sections, onboarding, and app-store art where one large icon carries the screen. Describe the angle and material, keep the palette tight, and let Recraft's 3D and isometric substyles do the shading.
11. 3D Rounded Folder Icon
A 3D icon of a rounded file folder, centered on a plain soft-grey background. Modern 3D render style with smooth rounded edges, a glossy plastic material, soft studio lighting with a gentle drop shadow, a warm yellow-orange folder with a subtle gradient, clean and friendly, high detail, viewed from a slight three-quarter angle.Settings: Icon · 3D substyle · high detail · SVG export · 1:1
Why it works: Naming the material ("glossy plastic"), the light ("soft studio lighting"), and the angle ("slight three-quarter") gives the 3D substyle everything it needs to render a clean, tactile folder.
12. Isometric Server Icon
An isometric icon of a server rack, centered on a plain white background. Clean isometric 3D style at a true 30-degree angle, flat shading with soft ambient occlusion, a cool palette of blue-grey and cyan with small glowing status lights, crisp geometric edges, no outline, modern and technical, high detail, consistent light source from the top-left.Settings: Icon · isometric substyle · high detail · SVG export · 1:1
Best for: Developer and infrastructure landing pages where isometric hardware icons signal a technical product.
13. Glossy 3D Bell Notification Icon
A 3D icon of a notification bell with a small red badge, centered on a plain light-grey background. Modern 3D render style with smooth rounded surfaces, a glossy golden-yellow bell material, soft studio lighting with a subtle drop shadow, a bright red circular badge, clean and playful, high detail, viewed straight-on with a slight tilt.Settings: Icon · 3D substyle · high detail · SVG export · 1:1
Why it works: The red badge and glossy gold read instantly as "notification," and the straight-on-with-slight-tilt view keeps the icon centered and app-store ready.
14. Isometric E-Commerce Cart
An isometric icon of a shopping cart filled with a few wrapped parcels, centered on a plain white background. Clean isometric 3D style at a 30-degree angle, soft flat shading with gentle ambient occlusion, a friendly palette of coral, mint, and cream, rounded edges, no harsh outline, modern and inviting, high detail, consistent top-left light source.Settings: Icon · isometric substyle · high detail · SVG export · 1:1
Best for: Store hero banners and onboarding screens that want a soft, dimensional shopping icon.
15. Clay-Style 3D Chat Icon
A 3D icon of two overlapping speech bubbles, centered on a plain pastel background. Soft clay-render 3D style with matte rounded surfaces, no gloss, gentle diffuse lighting with a soft contact shadow, a calm palette of lavender and soft pink, chunky friendly proportions, high detail, viewed straight-on with a subtle three-quarter tilt.Settings: Icon · 3D substyle · high detail · SVG export · 1:1
Why it works: Asking for a matte "clay render" with no gloss swaps the plastic look for the soft, chunky style that dominates modern app illustration.
App & product icons
App icons live on a home screen at tiny sizes, so the glyph inside the tile must be one simple, instantly recognizable form. Gradients are welcome here — modern OS icons use them — but keep the shape a single silhouette on a rounded-square tile.
16. Rounded-Square Camera App Icon
An app icon of a simple camera glyph centered on a rounded-square tile, on a plain white background outside the tile. Modern flat vector style, a single clean white camera shape with a soft lens highlight, a smooth diagonal gradient tile from orange to pink, generous padding, crisp edges, one simple recognizable form, reads clearly at small sizes.Settings: Icon · flat substyle · SVG export · 1:1
Why it works: Defining the glyph as "a single clean white camera shape" first keeps it recognizable at 60px, while the gradient tile gives it the modern OS-icon feel.
17. Gradient Music App Icon
An app icon of a simple musical note glyph centered on a rounded-square tile, on a plain white background outside the tile. Modern flat vector style, a single white eighth-note shape, a smooth vertical gradient tile from purple to deep blue, generous padding, crisp clean edges, one bold recognizable form, no text, reads clearly at small sizes.Settings: Icon · flat substyle · SVG export · 1:1
Best for: Streaming and audio apps that want a bold single-glyph tile with a rich gradient.
18. Minimal Finance App Icon
An app icon of a simple upward-trending arrow glyph centered on a rounded-square tile, on a plain white background outside the tile. Minimal flat vector style, a single clean white line-arrow rising to the right, a solid deep-green tile with a very subtle gradient, generous padding, crisp edges, one confident recognizable form, no text, reads clearly at small sizes.Settings: Icon · flat substyle · SVG export · 1:1
Why it works: The rising arrow signals growth in one shape, and a near-solid green tile keeps the icon calm and trustworthy for a finance product.
19. Playful Kids-App Icon
An app icon of a friendly cartoon star face glyph centered on a rounded-square tile, on a plain white background outside the tile. Playful flat vector style, a single bright yellow smiling star, a cheerful sky-blue tile with a soft radial gradient, thick rounded shapes, generous padding, crisp edges, one simple joyful form, reads clearly at small sizes.Settings: Icon · flat substyle · SVG export · 1:1
Best for: Children's education and games apps that want a warm, rounded, friendly tile.
20. Abstract Productivity App Icon
An app icon of an abstract glyph made of two overlapping rounded checkmark shapes centered on a rounded-square tile, on a plain white background outside the tile. Modern flat vector style, duotone white and pale blue glyph, a smooth diagonal gradient tile from indigo to violet, generous padding, crisp edges, one simple abstract recognizable form, no text, reads clearly at small sizes.Settings: Icon · flat substyle · SVG export · 1:1
Why it works: An abstract duotone glyph avoids a literal to-do list and gives a productivity brand a distinctive mark that still holds up as a small tile.
Duotone & themed icon sets
Duotone icons pair a solid base color with a lighter accent for depth without full detail — a favorite for modern SaaS and marketing sites. Generate each themed family with the Set tool so all six share the same two-color treatment.
21. Duotone Business Icon Set
A set of duotone icons for a business site: a briefcase, a handshake, a target, a lightbulb idea, a growth chart, and a team of people. Each icon centered with generous padding on a plain white background. Duotone flat style, a solid deep-indigo base with a lighter periwinkle accent overlay, soft rounded shapes, consistent visual weight and corner radius, drawn on a shared 24px grid, clean and modern, readable at small sizes.Settings: Icon · flat substyle · Set tool (6 icons) · SVG export · 1:1
Why it works: Locking a two-color duotone treatment in the prompt and generating with the Set tool keeps the base and accent identical across all six business glyphs.
22. Duotone Health & Fitness Set
A set of duotone icons for a fitness app: a heart rate, a dumbbell, a water drop, a running shoe, an apple, and a sleep moon. Each icon centered with even padding on a plain white background. Duotone flat style, a solid teal base with a lighter mint accent overlay, soft rounded shapes, uniform visual weight and corner radius, drawn on a shared 24px grid, fresh and energetic, readable at small sizes.Settings: Icon · flat substyle · Set tool (6 icons) · SVG export · 1:1
Best for: Health and wellness apps that want a fresh, two-tone icon family across activity, nutrition, and sleep.
23. Duotone Travel Icon Set
A set of duotone travel icons: an airplane, a location pin, a suitcase, a passport, a beach umbrella, and a mountain. Each icon centered with generous padding on a plain white background. Duotone flat style, a solid coral base with a lighter peach accent overlay, soft rounded shapes, consistent visual weight and corner radius, drawn on a shared 24px grid, warm and inviting, readable at small sizes.Settings: Icon · flat substyle · Set tool (6 icons) · SVG export · 1:1
Why it works: A single warm duotone across six travel glyphs gives a booking site a cohesive, on-brand icon strip in one generation.
24. Duotone Education Icon Set
A set of duotone education icons: a graduation cap, an open book, a pencil, a lightbulb, a certificate, and a laptop. Each icon centered with even padding on a plain white background. Duotone flat style, a solid royal-blue base with a lighter sky-blue accent overlay, soft rounded shapes, uniform visual weight and corner radius, drawn on a shared 24px grid, friendly and clear, readable at small sizes.Settings: Icon · flat substyle · Set tool (6 icons) · SVG export · 1:1
Best for: E-learning platforms and course pages needing a consistent set of study-themed icons.
25. Duotone Food & Drink Set
A set of duotone food and drink icons: a coffee cup, a pizza slice, a burger, a salad bowl, a wine glass, and a cupcake. Each icon centered with generous padding on a plain white background. Duotone flat style, a solid burnt-orange base with a lighter cream accent overlay, soft rounded shapes, consistent visual weight and corner radius, drawn on a shared 24px grid, appetizing and clean, readable at small sizes.Settings: Icon · flat substyle · Set tool (6 icons) · SVG export · 1:1
Why it works: The Set tool holds the same burnt-orange-and-cream pairing across every dish, so a menu or delivery app gets a unified food-icon strip.
26. Duotone Developer Tools Set
A set of duotone developer icons: an angle-bracket code symbol, a terminal window, a git branch, a bug, a database cylinder, and a cloud. Each icon centered with even padding on a plain white background. Duotone flat style, a solid slate base with a lighter cyan accent overlay, crisp geometric shapes with slightly rounded corners, uniform visual weight, drawn on a shared 24px grid, modern and technical, readable at small sizes.Settings: Icon · flat substyle · Set tool (6 icons) · SVG export · 1:1
Best for: Developer tools, docs, and dashboards that want a sharp, technical duotone icon family in one pass.
Set the style and detail in the UI, describe the glyph in plain language, and lean on the Set tool whenever icons need to match. Keep the Recraft prompt cheat sheet nearby for the style and export options, grab a starting point from the Recraft prompt templates, and browse the full Recraft prompts roundup for logo, illustration, and mockup packs.
Frequently Asked Questions
How do I generate a consistent icon SET in Recraft?
Use the Set tool. It generates up to six images in one pass that share style, stroke weight, corner radius, and palette, which is exactly what an icon set needs. Write one prompt that names the style once ("a set of flat UI icons") and then lists the individual glyphs — home, search, settings, profile — so every icon lands on the same visual grid. For an even tighter match, create a Custom Style from one approved icon and generate the rest of the set against it. Keep each glyph description short so the shared style carries the consistency.
Are Recraft icons real, editable SVG?
Yes. Recraft V4 and V4.1 output native vector SVG, not a traced raster, so paths, fills, and strokes stay editable. Download the SVG and open it in Figma, Illustrator, or Inkscape to recolor, adjust stroke weight, or nudge a node. Pick a vector-first style — Icon, Vector illustration, or Logo — rather than Realistic image, and set the export to SVG. The result drops straight into a component library or a UI kit as a clean, scalable asset.
Line, filled, or 3D — which icon style should I use?
Match the style to where the icon lives. Line (outline) icons read best in dense UI — toolbars, menus, settings — because the thin uniform stroke stays light at small sizes. Filled (solid glyph) icons carry more weight for tab bars, active states, and marketing where you want the icon to pop. 3D and isometric icons suit hero sections, onboarding, and app-store art where a single large icon does the talking. Set the style in Recraft's UI: Icon with a line-art or filled substyle for UI work, or the isometric / 3D substyle for showcase icons.
How do I keep stroke weight and grid consistent across icons?
Say it in the prompt and generate the whole family together. Name the stroke — "uniform 2px stroke weight, rounded caps and joins, drawn on a 24px grid" — and use the Set tool so the six icons share those specs instead of drifting one prompt at a time. Turn the level-of-detail slider down to low for simple UI glyphs so Recraft doesn't add extra flourishes. After download, snap every path to a common 24px or 48px artboard in Figma and align optical weight by eye; SVG output makes that a two-minute cleanup rather than a redraw.
Can I match my exact brand colors?
Yes, two ways. Use the Style Palette to lock a small set of brand hex values before you generate, and Recraft pulls the icon colors from that palette. Or state the colors in the prompt — "deep indigo #4F46E5 fill with a lighter #A5B4FC accent" — and it honors named hex codes. Because the output is editable SVG, you can also drop the finished icons into Figma and swap fills to your exact tokens afterward, which is the safest route for a strict brand system.
How do I export a Recraft icon set for a UI kit?
Generate the family with the Set tool, then download each icon as SVG from the export menu. Import the SVGs into Figma or your design tool, convert each to a component, and give them consistent names (icon-home, icon-search) so they slot into a library. For web, drop the SVGs into an icon sprite or an icon font, or import them into an icon component in React or Vue. Keep the viewBox square — 24x24 or 48x48 — so the whole kit scales uniformly. The vector output means no resolution loss at any size.
Does Recraft add inline parameters like --ar for aspect ratio?
No. Recraft has no inline --parameters. Aspect ratio, style, substyle, level of detail, and palette are all UI settings you pick before generating, not text appended to the prompt. Keep the prompt itself pure natural language describing the icon, and set 1:1 aspect ratio plus the Icon style in the panel. This is the opposite of Midjourney-style flags — anything you'd normally write as --ar 1:1 or --style you choose from the controls instead.