free AI icons
Free AI icons, soft and shiny
Below are the AI icons first (sparkles, bots, brains, wands, workflows and more), drawn in the Clay style: soft, rounded 3D forms with warm studio light, the tactile look of AI-era product art. Switch to Liquid, Chrome or Glass for a cooler, glossier feel; every icon keeps the same name in all 34 styles. Click an icon to copy the SVG, copy a PNG or download one.
Pick an icon, click to get it
A starter set for AI icons. Search to find any of all 734.
Click an icon to copy it as SVG. Its name opens its page; opens it in the studio.
- AI
- bot-message-square icon pageCustomize bot-message-square in the studio
- bot-off icon pageCustomize bot-off in the studio
- brain-circuit icon pageCustomize brain-circuit in the studio
- radar icon pageCustomize radar in the studio
- scan-search icon pageCustomize scan-search in the studio
- wand-sparkles icon pageCustomize wand-sparkles in the studio
- workflow icon pageCustomize workflow in the studio
- sparkles icon pageCustomize sparkles in the studio
- bot icon pageCustomize bot in the studio
- brain icon pageCustomize brain in the studio
- message-circle icon pageCustomize message-circle in the studio
- wand icon pageCustomize wand in the studio
- cpu icon pageCustomize cpu in the studio
- circuit-board icon pageCustomize circuit-board in the studio
- lightbulb icon pageCustomize lightbulb in the studio
- zap icon pageCustomize zap in the studio
- search icon pageCustomize search in the studio
- mic-vocal icon pageCustomize mic-vocal in the studio
- audio-waveform icon pageCustomize audio-waveform in the studio
- image icon pageCustomize image in the studio
- code-xml icon pageCustomize code-xml in the studio
- database icon pageCustomize database in the studio
- globe icon pageCustomize globe in the studio
- rocket icon pageCustomize rocket in the studio
- Interface
- home icon pageCustomize home in the studio
- search icon pageCustomize search in the studio
- settings icon pageCustomize settings in the studio
- user icon pageCustomize user in the studio
- bell icon pageCustomize bell in the studio
- mail icon pageCustomize mail in the studio
- calendar icon pageCustomize calendar in the studio
- camera icon pageCustomize camera in the studio
- image icon pageCustomize image in the studio
- folder icon pageCustomize folder in the studio
- cloud icon pageCustomize cloud in the studio
- lock icon pageCustomize lock in the studio
No icons match yet. Try a simpler word, or browse all 734.
Want to change it first? Every icon has its own page with all 34 styles and every format, and a studio for its colours, stroke and size.
Where they shine
AI features, copilots and launches
AI copilots and chat apps, “Ask AI” buttons, model launches, feature announcements and onboarding. Clay feels warm and friendly; Liquid, Chrome and Glass look sleek on dark backgrounds. In a dense toolbar use Line or Duo for the same icon and keep the 3D version for the moment that matters.
| Price | Free. No account, no paid tier, no watermark. |
|---|---|
| Licence | MIT: personal and commercial use, no credit required (licence in plain words). |
| Icons | 734 icons × 34 styles, plus live icons (over 25,000 in all), every style on the same 24 × 24 grid. |
| AI icons | Sparkles, bots, brains, wands, workflows and more, with their own AI category |
| Style family | Clay is one of seven 3D & glass styles (with Glass, Luxe, Skeuo, Liquid, Chrome, Soft 3D): rich looks whose colours, gradient stops included, are role-named CSS variables, so one palette recolours them all. See every Clay icon. |
FAQ
Questions people ask
Which icon should I use for an AI feature?
Sparkles is the most widely understood sign for “AI” today. A bot or a chat bubble suits assistants, a magic wand suits “generate” and “improve” actions, and a brain suits models and reasoning.
Do the AI icons come in other styles?
Yes. Every icon has the same name in all 34 styles, so the sparkles in your toolbar can be Line while the hero uses Clay, Liquid or Chrome.
Do the gradients survive copy and paste?
Yes. Each gradient sits inside the SVG with its own id, and the site and the packages make those ids unique for every icon on a page, so two icons never borrow each other’s colours. A downloaded .svg file has its colours baked in, ready for Figma, Illustrator or Canva.
Can I change the colours?
Yes. Pick a palette in the icon editor and every layer and gradient follows. On a website each colour is a CSS variable like --with-clay-c1 or --with-clay-accent, and the gradient stops read the same variables. Developer docs.
Can I use them commercially?
Yes, MIT licensed and free, with no credit required. Licence.
Find your icon in seconds
734 free icons, 34 styles, no account. Copy, download or drag them into your work.
Browse all icons