Home/Libraries/Freehand color icons (Iconify)/currency-dollar-decrease

Freehand color icons (Iconify)

CurrencyDollarDecrease

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#818cf8" d="M23.124 16.79a.9.9 0 0 0-.45-.1c-.22 0-.56.09-.69.1q-.68.06-1.35.15h-.09c0-.34.06-.69.07-1s0-.48 0-.72s0-.48-.08-.71c-.08-.57-.22-1.11-.3-1.67a.34.34 0 1 0-.68 0q-.18.856-.24 1.73a6 6 0 0 0 .09 1.46c.06.38.14.75.22 1.12c-.11 0-.22 0-.33.06a.35.35 0 0 0-.28.39a.34.34 0 0 0 .39.28q1.225-.09 2.45 0l-.33.52c-.35.489-.7.999-1 1.489a84 84 0 0 0-2 3.19c-.52-.88-1-1.73-1.6-2.55c-.43-.6-.89-1.18-1.35-1.78l-.57-.6v-.05l1.55-.2s.73-.32.72-.62s.13-.76.16-1.15a4.6 4.6 0 0 0 0-1c-.08-.38-.21-.72-.3-1.1a.33.33 0 0 0-.34-.34a.32.32 0 0 0-.33.33q-.282.56-.47 1.16a2.7 2.7 0 0 0 0 .49c0 .16 0 .33.06.49c.07.35.18.68.27 1l-1.89-.05h-.53a.54.54 0 0 0-.52.46a1.1 1.1 0 0 0 .16.71q.409.646.9 1.23c2.4 2.89 3.77 5.08 4.33 4.35c.92-1.09 1.83-2.17 2.7-3.3c.36-.48.71-1 1.07-1.46c.12-.17.24-.35.35-.54q.175-.294.31-.61s.12-.33.15-.46a.65.65 0 0 0-.23-.7M6.266 10.01a.37.37 0 0 0 0 .54a4.3 4.3 0 0 0 2.81 1c0 .32.05.65.08 1a.38.38 0 0 0 .4.37a.39.39 0 0 0 .37-.4v-.95a5.4 5.4 0 0 0 1-.19a2.37 2.37 0 0 0 1.779-3a1.67 1.67 0 0 0-1.18-1.23a4.4 4.4 0 0 0-1.43-.11V5.25a4 4 0 0 1 1.38.31a.35.35 0 0 0 .52-.04a.37.37 0 0 0-.15-.46a5 5 0 0 0-1.7-.53V2.69a.33.33 0 0 0-.31-.37a.33.33 0 0 0-.36.3c-.12.61-.19 1.24-.29 1.86a4.4 4.4 0 0 0-1 .13a1.92 1.92 0 0 0-1.51 2.3a1.58 1.58 0 0 0 1 1.34c.37.128.76.186 1.15.17v.67c0 .53.09 1.06.14 1.59a3.36 3.36 0 0 1-2.16-.67a.38.38 0 0 0-.54 0m4.78-1.62a.54.54 0 0 1 .5.37c.33 1-.54 1.59-1.53 1.81l.06-1.49v-.71h.15a4 4 0 0 1 .82.03zm-3.24-1.7c-.18-.79.43-1.16 1.16-1.3h.03c0 .23-.09.46-.11.7s0 .71-.06 1.07c-.45.03-.9.04-1.02-.47"/><path fill="#818cf8" d="M5.456 15.11a9 9 0 0 0 2.1.64c.718.13 1.449.187 2.18.17c1.07 0 2.136-.14 3.169-.42a6.9 6.9 0 0 0 2-.92a.4.4 0 0 0 .09-.57a.38.38 0 0 0-.53-.11a6.4 6.4 0 0 1-2.25.87c-.82.157-1.654.238-2.49.24a10 10 0 0 1-2-.22a8.2 8.2 0 0 1-1.85-.63a9 9 0 0 1-1.29-.76a7 7 0 0 1-1.109-1c-2.83-2.9-1.76-6.82.85-9.2a7.67 7.67 0 0 1 9.849-.64c.447.316.83.713 1.13 1.17q.483.706.82 1.49a.34.34 0 1 0 .62-.27a9 9 0 0 0-1-1.94a5 5 0 0 0-1.06-1.11a8.58 8.58 0 0 0-11.189.36a7.83 7.83 0 0 0-2.67 7.85a10 10 0 0 0 1.32 4.69a7 7 0 0 0 3.41 2.74q.672.24 1.37.39q.683.147 1.38.21a12 12 0 0 0 1.73.1c.406-.005.81-.066 1.2-.18a.39.39 0 0 0 .27-.47a.4.4 0 0 0-.47-.27a3.7 3.7 0 0 1-1 .07a10 10 0 0 1-1.58-.23q-.635-.12-1.25-.31a7.7 7.7 0 0 1-1.21-.44a6.2 6.2 0 0 1-1.9-1.26a6.9 6.9 0 0 1-1.38-1.84a9 9 0 0 0 1.27 1q.704.459 1.47.8"/><path fill="#818cf8" d="M16.295 8.01a.33.33 0 0 0-.36.32q-.204.706-.33 1.43a4 4 0 0 0 0 .61a4 4 0 0 0 0 .61c.05.48.13.94.19 1.42a.39.39 0 1 0 .77 0c.09-.48.19-.94.25-1.42a4 4 0 0 0 0-.61v-.61c-.05-.49-.17-.94-.23-1.42a.34.34 0 0 0-.29-.33m1.809 4a.38.38 0 0 0 .4-.36c.13-.89.25-1.76.31-2.65c0-.37.06-.75.06-1.13V6.75c-.05-.88-.14-1.73-.17-2.61a.34.34 0 0 0-.31-.37a.33.33 0 0 0-.35.31a24 24 0 0 0-.43 3v1.81c0 .9.11 1.79.14 2.69a.39.39 0 0 0 .204.386a.4.4 0 0 0 .146.045m1.96-1.531a.38.38 0 0 0 .37.4a.39.39 0 0 0 .39-.38c.1-.93.21-1.85.26-2.79V6.5c0-.4 0-.8-.05-1.2c-.1-1-.27-1.86-.43-2.79a.342.342 0 0 0-.598-.192a.34.34 0 0 0-.082.243c0 .93-.1 1.84-.13 2.78v1.18c0 .39 0 .79.05 1.19c.08.93.15 1.85.22 2.77"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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 @iconify/react) 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. CurrencyDollarDecreaseIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** 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.