Home/Libraries/Freehand free icons (Iconify)/discount-circle-dash

Freehand free icons (Iconify)

DiscountCircleDash

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="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M10.076 17.051a31 31 0 0 0 2.19-3.2q.57-1 1.081-2.001c.5-1 .93-2.1 1.44-3.13a.28.28 0 0 0-.48-.281c-.72 1.07-1.43 2.14-2.06 3.26c-.38.661-.72 1.351-1.07 2.001c-.53 1-1 2-1.63 3.001a.32.32 0 0 0 .53.36zm-.24-4.891a.25.25 0 0 0 .19 0a1.5 1.5 0 0 0 .74-2.29a2.11 2.11 0 0 0-2.29-1.2a2.08 2.08 0 0 0-1.38 1.36a1.85 1.85 0 0 0 .38 1.87c.24.246.551.41.89.47a3.2 3.2 0 0 0 1.3-.1a.34.34 0 0 0 .17-.11m-.28-.44a2.8 2.8 0 0 1-.87 0a1 1 0 0 1-.58-.36a1 1 0 0 1 0-1a1.12 1.12 0 0 1 .68-.68a1.15 1.15 0 0 1 1.25.59c.27.43.33 1-.23 1.27a.33.33 0 0 0-.16.15zm5.172 4.501c.435.067.88.033 1.3-.1a.27.27 0 0 0 .17-.1a.35.35 0 0 0 .2 0a1.52 1.52 0 0 0 .74-2.3a2.12 2.12 0 0 0-2.3-1.17a2.07 2.07 0 0 0-1.37 1.36a1.82 1.82 0 0 0 .37 1.87c.245.233.555.387.89.44m-.28-2a1.08 1.08 0 0 1 .67-.68a1.14 1.14 0 0 1 1.25.58c.28.44.33 1-.22 1.27a.4.4 0 0 0-.17.16h-.06a2.8 2.8 0 0 1-.86 0a1 1 0 0 1-.58-.37a.94.94 0 0 1-.03-.94z"/><path d="M23.75 12.11c-.55-.14-1.09-.29-1.66-.39l-.63-.07a10.4 10.4 0 0 0-1.121-3.331a9.81 9.81 0 0 0-7.002-5.251h-.35v-.4c-.08-.68-.22-1.34-.25-2.001a.28.28 0 0 0-.26-.3a.29.29 0 0 0-.3.26c-.16.77-.247 1.554-.26 2.34v.07A9.74 9.74 0 0 0 4.175 8.1a9.9 9.9 0 0 0-1.18 3.57a3.6 3.6 0 0 0-.57 0c-.744.077-1.478.228-2.191.451a.29.29 0 0 0-.23.33a.28.28 0 0 0 .33.22h2.58a8.7 8.7 0 0 0 2 5.672a7.3 7.3 0 0 0 3.002 2.16c1.528.56 3.135.877 4.761.94q.081.984.32 1.941a.3.3 0 0 0 .31.25a.29.29 0 0 0 .25-.31c0-.55.11-1.07.14-1.62a6 6 0 0 0 0-.7c0-.24 0-.48-.06-.71a10.4 10.4 0 0 0-.35-1.661a.32.32 0 0 0-.63.1v2.19a14.8 14.8 0 0 1-4.481-1a6.6 6.6 0 0 1-2.65-2a7.82 7.82 0 0 1-1.691-5.202c.61 0 1.21-.09 1.82-.13a.32.32 0 0 0 .377-.315a.32.32 0 0 0-.377-.315c-.59-.08-1.16-.17-1.74-.23a9.2 9.2 0 0 1 1.16-3.121a8.72 8.72 0 0 1 6.922-4.531v.24c.09.68.21 1.35.24 2a.32.32 0 1 0 .64.02q.153-1.129.14-2.27h.14a8.8 8.8 0 0 1 6.312 4.651a9.8 9.8 0 0 1 1.06 2.86c-.56 0-1.11.09-1.65.17a.32.32 0 1 0 .02.641c.56 0 1.12.14 1.69.2h.08a7.7 7.7 0 0 1-.73 4.001a6.55 6.55 0 0 1-2.15 2.48a8.5 8.5 0 0 1-3.001 1.331a.319.319 0 0 0-.11.581a.33.33 0 0 0 .24.05a9.3 9.3 0 0 0 3.32-1.391a7.2 7.2 0 0 0 2.431-2.67a8.5 8.5 0 0 0 .9-4.262h.2c.65 0 1.28-.06 1.92-.07a.3.3 0 0 0 .311-.25a.28.28 0 0 0-.25-.28"/></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. DiscountCircleDashIcon.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.