Home/Libraries/Freehand free icons (Iconify)/coupon-percent

Freehand free icons (Iconify)

CouponPercent

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="M16.196 5.334c-1.05-.31-2.17-.64-3.299-.94c-3.658-.999-7.356-1.749-8.366-1.998c-.29-.03-.13-.2-1.67 2.578a10 10 0 0 0-.519 1q-.25.53-.43 1.09c-.29.86-.49 1.729-.7 2.598a.37.37 0 0 0 .368.48a.35.35 0 0 0 .312-.24c.39-.79.82-1.54 1.22-2.329c.17-.34.32-.67.48-1s.29-.679.42-.999c.3-.75.589-1.49.899-2.229c1.43.45 4.498 1.48 7.616 2.41c1.12.329 2.25.639 3.299.919c2.369.63 4.338 1.09 4.998 1.28l2.179.679a4 4 0 0 0-.4.5q-.075.15-.13.31a1.6 1.6 0 0 0-.08.33c-.16 1.159 0 1.269.2 1.339s.35.22 1-.91q.1-.144.16-.31q.06-.165.08-.34c.07-.7-.14-.31.14-1a.4.4 0 0 0-.23-.519l-2.63-1.06c-.62-.24-2.548-.909-4.917-1.639"/><path d="M1.822 5.094c.19-.56.33-1.12.47-1.709c.19-.83.35-1.66.56-2.479h.05l11.225 2.07c1.31.21 2.639.41 3.938.66c.77.149 1.53.329 2.279.529a3 3 0 0 0-.2.34q-.045.135-.06.28q-.023.15 0 .3c.08 1.079.27 1.149.47 1.179s.39 0 .8-1a1.4 1.4 0 0 0 .07-.29q.022-.15 0-.3a3.7 3.7 0 0 0-.19-.7a.4.4 0 0 0-.1-.269a.4.4 0 0 0-.24-.21c-.85-.31-1.72-.57-2.6-.81c-1.289-.36-2.608-.65-3.917-1c-1.51-.299-2.999-.609-4.528-.829c-7.467-1.06-7.677-.5-7.737-.34c-.37.8-.73 1.6-1 2.43c-.17.35-.29.709-.39 1.029q-.165.557-.27 1.13C.274 5.973.184 6.813.014 7.682a.36.36 0 0 0 .24.44a.36.36 0 0 0 .46-.24c.39-.91.8-1.829 1.11-2.789M12.128 13.2a1.88 1.88 0 0 0 .81-1.479a1.46 1.46 0 0 0-.29-.89a2 2 0 0 0-3.29.32a1.71 1.71 0 0 0 1.06 2.42a1.94 1.94 0 0 0 1.71-.37m-1.64-1.818a.87.87 0 0 1 1.3-.1a.52.52 0 0 1 .07.39c0 .21-.25.35-.46.47a.68.68 0 0 1-.55.13a.56.56 0 0 1-.36-.89m1.13 5.017a1.708 1.708 0 0 0 1.05 2.418a2 2 0 0 0 1.719-.37a1.9 1.9 0 0 0 .81-1.479a1.54 1.54 0 0 0-.29-.88a1.998 1.998 0 0 0-3.29.31m1.999.999a.7.7 0 0 1-.56.13a.56.56 0 0 1-.35-.89a.86.86 0 0 1 1.3-.09a.48.48 0 0 1 .07.38c.01.2-.21.34-.42.46zM8.54 15.97a.35.35 0 0 0 .46.2c.999-.29 1.998-.54 2.998-.91c.64-.25 1.25-.58 1.869-.86c.44-.23.86-.48 1.31-.7q.418-.223.859-.4a.401.401 0 1 0-.23-.769l-2.419.72c-.64.25-1.3.47-1.919.77c-.94.45-1.8.999-2.719 1.489a.35.35 0 0 0-.21.46"/><path d="M23.812 12.97c-1.939-1.069-3.878-2.138-5.857-3.118c-.86-.42-1.72-.82-2.599-1.2a43 43 0 0 0-2.649-1.059c-1.739-.63-6.996-2.289-7.236-1.999c-.68 1.1-1.35 2.13-1.93 3.209c-.25.47-.49.95-.7 1.43c-.21.479-.419.999-.599 1.468c-.44 1.15-.8 2.32-1.19 3.509a.404.404 0 1 0 .75.3c.53-1.12 1.09-2.21 1.61-3.299c.23-.47.46-.94.68-1.42l.629-1.429c.42-1 .82-2.059 1.26-3.098a.5.5 0 0 0 .13.11c1.789.61 3.528 1.32 5.257 1.999l1.93.84l2.898 1.239q3.464 1.5 6.897 2.999c-.4 1-.88 1.929-1.33 2.888c-.31.68-.61 1.36-.89 2.05c-.46 1.159-.859 2.338-1.289 3.528a.41.41 0 0 0 .661.45a.4.4 0 0 0 .089-.13c.53-1 1.09-2 1.6-2.999q.514-1.01.919-2.069c.03.02 1.41-3.978.96-4.198m-5.868 9.995c-2-.86-3.998-1.829-5.997-2.758c-1.34-.62-2.67-1.25-3.998-1.83c-2.27-1-4.568-1.819-6.897-2.648a.35.35 0 0 0-.47.2a.36.36 0 0 0 .19.46c1.999.929 3.998 1.948 5.997 2.898c1.33.64 2.669 1.25 3.998 1.83c2.27.999 4.578 1.808 6.917 2.608a.41.41 0 0 0 .482-.07a.41.41 0 0 0-.192-.69z"/></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. CouponPercentIcon.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.