Home/Libraries/Radix Icons/thick-arrow-down
← Back to Search
Radix Icons

ThickArrowDownIcon

License: MITCommercial Safe


<svg style="color: #818cf8" width="256" height="256" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.60055 3.00977C9.82851 3.05629 9.99996 3.25829 9.99996 3.5V6H12.5C12.6873 6 12.8586 6.10495 12.9443 6.27148C13.0299 6.438 13.016 6.63864 12.9072 6.79102L7.90719 13.791C7.81333 13.9224 7.6614 14 7.49996 14C7.33852 14 7.18659 13.9224 7.09273 13.791L2.09273 6.79102C1.9839 6.63864 1.96999 6.438 2.05563 6.27148C2.14133 6.10495 2.31267 6 2.49996 6H4.99996V3.5L5.00973 3.39941C5.05625 3.17145 5.25825 3 5.49996 3H9.49996L9.60055 3.00977ZM5.99996 6.5C5.99996 6.77614 5.7761 7 5.49996 7H3.47262L7.49996 12.6387L11.5273 7H9.49996C9.22382 7 8.99996 6.77614 8.99996 6.5V4H5.99996V6.5Z" fill="#818cf8"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @radix-ui/react-icons) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. ThickArrowDownIconIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Radix Icons

Browse all Radix Icons icons →
arrow-bottom-left
arrow-bottom-left
arrow-bottom-right
arrow-bottom-right
arrow-down
arrow-down
arrow-left
arrow-left
arrow-right
arrow-right
arrow-top-left
arrow-top-left
arrow-top-right
arrow-top-right
arrow-up
arrow-up
caret-down
caret-down
chevron-down
chevron-down
cursor-arrow
cursor-arrow
double-arrow-down
double-arrow-down
Your Cart0 items
Your cart is emptyBrowse icon libraries and add icons to build your custom pack.Return to Search