Arrow Down Circle 20 Solid icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable navigation vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-down-circle-20-solid.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-down-circle-20-solid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-down-circle-20-solid.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-down-circle-20-solid.json
Category:navigation
Tags:arrowdowncirclesolid20pxdownloadbutton

This 20-pixel solid arrow-down-circle icon provides balanced enclosed downward navigation for standard interface layouts and primary action buttons.

The medium-density filled circular arrow design offers optimal visibility in typical UI contexts while maintaining the button-like affordance that clearly signals downloads and contained directional actions.

Frequently Asked Questions

Common questions about the Arrow Down Circle 20 Solid icon

Similar Icons

Battery 0 Solid - status icon from HeroIcons
battery 0 solid
Microphone 20 Solid - media icon from HeroIcons
microphone 20 solid
Device Phone Mobile 16 Solid - system icon from HeroIcons
device phone mobile 16 solid
Bars 3 Center Left - interface icon from HeroIcons
bars 3 center left
Globe Americas 20 Solid - navigation icon from HeroIcons
globe americas 20 solid
Home 16 Solid - navigation icon from HeroIcons
home 16 solid
Shield Check 20 Solid - status icon from HeroIcons
shield check 20 solid
Currency Bangladeshi 16 Solid - interface icon from HeroIcons
currency bangladeshi 16 solid
Chevron Right 20 Solid - navigation icon from HeroIcons
chevron right 20 solid