Illustrator Icon
Rounded square badge with the letters Ai, the Adobe Illustrator logo, for export options, tool badges and links. Available in 4 styles (outline, solid, duotone and filled) as a React component you install with the shadcn CLI.
Preview
- 16px
- 20px
- 24px
- 32px
Install and code
Illustrator icon in shadcn/ui components
Button
Icon button
Button group
Badge
Dropdown menu
Input group
Empty state
Illustrator icon FAQ
What does this icon show?
Rounded square badge with the letters Ai, the Adobe Illustrator logo, for export options, tool badges and links. Typical uses: export to Illustrator menu option, vector design tool badge and open in Illustrator link.
When should I use it instead of a similar icon?
Use it for:
- Open in Illustrator links on a vector file preview in a cloud drive or an asset manager
- Downloads of the editable .ai source for a logo or a brand kit, beside the PNG and SVG files
- Adobe Illustrator in an app filter on an icon or template marketplace, for files that need it
For layered photo sources and retouching jobs handed off to a raster editor, use the Photoshop icon. For an AI writing or chat feature, where the 2 letters on the badge read as AI, use the Artificial Intelligence icon. For anchor and handle editing in your own vector editor, with no Adobe app involved, use the Bezier Curve icon.
Which styles does it come in?
4 styles: Outline, Solid, Duotone and Filled. Every style is drawn on the same 24 by 24 grid and installs as its own file, so you can switch styles without touching the layout.
How do I install it with the shadcn CLI?
Copy the install command from the panel above, in the style you want, and run it in your project. The shadcn CLI adds the icon as a React component that you import and render like any other. It draws in the current text color, so your text color and size classes style it. Icon installs need a ReUI Ultimate license.
What icons go well with it?
When was it added?
It joined the ReUI icon library on June 30, 2026.
Icons related to Illustrator
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Ultimate license.
When to use
- Open in Illustrator links on a vector file preview in a cloud drive or an asset manager
- Downloads of the editable .ai source for a logo or a brand kit, beside the PNG and SVG files
- Adobe Illustrator in an app filter on an icon or template marketplace, for files that need it
When not to use
- Layered photo sources and retouching jobs handed off to a raster editor: use the Photoshop icon
- An AI writing or chat feature, where the 2 letters on the badge read as AI: use the Artificial Intelligence icon
- Anchor and handle editing in your own vector editor, with no Adobe app involved: use the Bezier Curve icon
Agent notes
- Name an icon-only button with its label, "Open file in Illustrator", as the aria-label
Markdown
https://reui.io/icons/preview/illustrator.mdMCP
get_icon("illustrator")Install
npx shadcn@latest add @reui/icons/default/duotone/illustratorStart building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
Get All-Access
From $249, once. Lifetime updates.