ICONYZ
English
Currency Dollar Decrease icon from Freehand color icons

Currency Dollar Decrease icon

streamline-freehand-color:currency-dollar-decrease

The Currency Dollar Decrease icon (streamline-freehand-color:currency-dollar-decrease) is a free SVG icon from the Freehand color icons set by Streamline. It is drawn on a 24 × 24 grid. Freehand color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Freehand color icons
Author
Streamline
License
CC-BY-4.0
Size
24 × 24
Category
MoneyPaymentsFinance
Tags
currencydollar, dollardecrease, currencydollardecrease
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" 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="#0c6fff" 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="#020202" 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>

How to use the Currency Dollar Decrease icon

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-freehand-color:currency-dollar-decrease" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-freehand-color:currency-dollar-decrease" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-freehand-color:currency-dollar-decrease" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--currency-dollar-decrease]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:currency-dollar-decrease"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-freehand-color:currency-dollar-decrease"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/currency-dollar-decrease.svg" alt="Currency Dollar Decrease icon" width="24" height="24">

Related icons in Freehand color icons

Currency Dollar Decrease icon in other icon sets

Currency Dollar Decrease icon FAQ

Is the Currency Dollar Decrease icon free for commercial use?

Yes. Freehand color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Currency Dollar Decrease icon in React?

Install @iconify/react and render <Icon icon="streamline-freehand-color:currency-dollar-decrease" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Currency Dollar Decrease icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/currency-dollar-decrease.svg" alt="Currency Dollar Decrease icon">, or paste the SVG code inline to style it with CSS.

Browse all Freehand color icons →