Iconography

Icons take the place of text to help users identify actions using familiar and descriptive visuals. When standards don’t exist, icons are less effective, or even harmful, because they increase cognitive load and make it harder for people to onboard, use, and build engagement habits.

AI products have started to converge around a set of icons that represent its presence. Sparkles, magic wands, and pencils are the most common motifs, though their meaning is not yet consistent.

  • ✨ Sparkly stars appear ambiently or as generic AI indicators.
  • 🪄 Magic wands often signal generative actions, but they are also used for other purposes.
  • ✏️ Pencils paired with sparkles are used to represent editing and inline actions.
  • 🎲 Dice are used for randomizing prompts.
  • 🕵️ Incognito or private actions are increasingly represented by hat-and-glasses motifs.

AI actions with emerging icon metaphors

This loose vocabulary has led to emerging conventions around AI actions:

Generate

The basis for the initial CTA pattern. This is most commonly signified by the sparkles icon. Given the sparkle’s broad association as a marker of AI, pairing it with inital actions makes sense. Alternatives include magic wands and sparkly pencils. Some tools, like Adobe Firefly, combine sparkles with their own distinct brand icon.

Edit

After initial generation or file upload, editing is most often represented by a sparkly pencil, particularly for inline rewrites. Some products still use sparkles alone, but the pencil adds clarity that the action modifies rather than creates.

Summarize

Summarization is increasingly represented with a text paragraph or quote symbol combined with sparkles. This visually differentiates it from “generate,” while still signaling AI assistance.

Enhance

Enhancement actions (e.g., “improve prompt,” “refine output”) are often paired with sparkles or icons showing a paragraph with a sparkle. These reinforce the idea of upgrading something that already exists.

Suggest

When suggestions feature an icon, they commonly use a two-star icon. This maintains the connection between “suggest” and “generate” while making better use of the small, inline space.

Auto fill

Auto fill in tabular or workflow contexts is often paired with a magic wand, signaling that multiple fields will be handled at once.

Remix / Restyle

These actions are often represented with looped arrows, sometimes combined with sparkles, to show transformation of an existing artifact into a new style or variation.

Point

Allows the user to select or reference what they see on the screen and direct AI's attention to it. These actions borrow from IDE pointer metaphors. No dominant convention has yet emerged.

Mode

Product modes (e.g., “fast,” “detailed,” “creative”) are typically tied to brand-specific iconography rather than a common standard.

Design considerations

  • Pair icons with text when clarity is critical. Many users will not immediately recognize what sparkles or wands mean. Where conventions are still emerging, use text labels with the icon where possible, and tooltips as a fallback.
  • Evolve toward familiarity, not novelty. Introducing brand-unique metaphors can help you differentiate distinct features, but be mindful not to obscure the shared vocabulary users are forming across tools. For common actions (ex: editing), use familiar metaphors (ex: pencils) and introduce new symbols only when they offer clarity or differentiation.
  • Use consistent metaphors within the same product. Anchor icons in familiar metaphors so users can quickly recognize AI actions without needing training.
  • Avoid overloading a single symbol. When sparkles alone are applied everywhere, they lose meaning. Look for other common metaphors being adopted for similar actions in other products, or use sparkles as a decorative effect on more actionable icons.
  • Not everything needs to be positioned as magic. For AI-native products (and their users), icons don’t need to be as clearly associated with AI, or the “magic” vibe associated with wands and sparkles. Hybrid products benefit from combining signifiers like sparkles with existing icons to distinguish actions where AI is involved for a less savvy audience.
  • Iterate as conventions evolve. Today’s sparkle might become tomorrow’s universal marker. Track industry norms and adjust before your icons drift into obscurity.

Examples

No items found.