Plus Circle icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable actions vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-plus-circle.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-plus-circle.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-plus-circle.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-plus-circle.json
Category:actions
Tags:pluscircleaddcreatebuttonprimaryaction

The plus-circle icon represents addition functionality within a circular button design, combining creation actions with contained visual styling.

This encircled addition symbol has become the standard pattern for prominent creation features and primary add actions in modern interfaces and content management systems.

Frequently Asked Questions

Common questions about the Plus Circle icon

Similar Icons

View Columns Solid - layout icon from HeroIcons
view columns solid
H2 20 Solid - typography icon from HeroIcons
h2 20 solid
Bars 3 Bottom Left - interface icon from HeroIcons
bars 3 bottom left
List Bullet Solid - typography icon from HeroIcons
list bullet solid
Receipt Percent 16 Solid - data icon from HeroIcons
receipt percent 16 solid
Check Circle Solid - status icon from HeroIcons
check circle solid
Code Bracket Square Solid - system icon from HeroIcons
code bracket square solid
Forward 16 Solid - navigation icon from HeroIcons
forward 16 solid
Document Currency Yen Solid - interface icon from HeroIcons
document currency yen solid