Home/Libraries/Freehand free icons (Iconify)/tag-sale-price

Freehand free icons (Iconify)

TagSalePrice

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="M22.677 15.118c-.812-1.232-5.09-5.42-6.162-6.552c-1.673-1.774-2.826-3.748-5.01-4.238c-1.372-.321-8.316.54-7.214 1.683a.35.35 0 0 0 .501 0c.481-.471 3.898-.932 6.533-.832a5.77 5.77 0 0 1 2.935 2.315c1.453 1.823 6.623 7.193 7.304 8.115q.182.271.311.571a25.8 25.8 0 0 1-4.94 5.57a6.3 6.3 0 0 1-2.214 1.183a47 47 0 0 1-4.338-3.707a69 69 0 0 1-4.629-5.12a6 6 0 0 1-1.062-3.486a.31.31 0 0 0-.621 0c.13 2.825.731 3.526 2.555 5.71a40.8 40.8 0 0 0 6.933 7.014a1.58 1.58 0 0 0 1.824.561c2.615-.802 5.57-4.599 7.073-6.512c.561-.732.922-1.183.22-2.275"/><path d="M8.72 9.758c.38-1.062.49-1.643-.37-2.315a2.204 2.204 0 0 0-3.207.401A8.4 8.4 0 0 1 2.879 5.84C1.716 4.538.594 2.364 1.897 1.232c.55-.491 1.523-.23 2.475.33c2.194 1.253 2.114 2.565 2.715 2.204c.841-.51-1.764-2.765-2.866-3.316C1.626-.862-.127.901.164 3.095c.36 2.665 2.474 4.469 4.819 5.63c.46 2.947 3.366 2.105 3.737 1.033m-.4-.872a1.293 1.293 0 0 1-2.546.13c.441.16.842.16.882-.1s-.521-.54-.912-.751c1.122-1.343 2.816-.1 2.575.721m14.768-2.254c-3.556-1.533-2.595-1.112-7.564-2.465c-.08 0-.591-.25-.872-.06a.34.34 0 0 0 .17.581q1.027.3 2.004.732a47 47 0 0 0 5.741 2.224c.832.37-.55 3.316-.54 4.007a.35.35 0 0 0 .7 0c.03-.831 2.295-3.957.361-5.02M9.842 12.243a.6.6 0 0 1-.3-.451a.371.371 0 1 0-.732 0a1.37 1.37 0 0 0 .792 1.392a1.263 1.263 0 0 0 1.673-.63c.13-.23.201-.488.21-.752a1.9 1.9 0 0 0-.11-.672c-.25-.69-.611-1.152.47-.29a.331.331 0 0 0 .522-.39c-.631-.792-1.383-1.494-2.134-.672a1.28 1.28 0 0 0-.26 1.002c0 .33.21.631.26 1.002a.53.53 0 0 1 0 .3c-.11.14-.24.25-.391.16m3.998-.701q-.351 0-.682.12a2.5 2.5 0 0 0-.821.502q-.428.42-.802.891l-.47.541l-.532.641a.33.33 0 0 0 .471.451l.611-.53l.14-.11v.1a.6.6 0 0 0 .28.3c.161.1.302.13.462.22c-.23.23-.47.481-.691.682a.373.373 0 1 0 .47.58c.452-.32 1.003-.69 1.464-1.101q.512-.445.901-1.002c.198-.364.279-.78.23-1.193a1.34 1.34 0 0 0-.46-.921a1.14 1.14 0 0 0-.571-.17m-.14 1.734a4.4 4.4 0 0 1-.602.871a2.2 2.2 0 0 0-.15-.47a.76.76 0 0 0-.28-.331c.12-.1.24-.2.37-.29c.13-.091 1.182-.762.661.22m1.654 1.211l-1.413 1.002a3.8 3.8 0 0 0-.731.821a1.16 1.16 0 0 0 0 1.063l.23.4l.33.391a.37.37 0 0 0 .572-.47l-.13-.322l-.1-.34v-.1c0-.03.14-.13.21-.2l.45-.422l1.002-1.372a.33.33 0 1 0-.45-.471zm1.753 2.825l.15.22q.094.099.2.181c.812.641.942.571 1.093.461c.15-.11.32-.15-.17-1.192a1.4 1.4 0 0 0-.161-.26a1.2 1.2 0 0 0-.23-.211c-.812-.541-1.002-.431-2.165.5c-.13.101-.22.231-.34.341c-.13.13-.27.25-.391.391q-.185.251-.32.531c-.09.191-.13.4-.12.611c.023.248.11.486.25.692c.13.18.791 1.002 1.162.58c.37-.42-.11-.52-.31-.951a.56.56 0 0 1 0-.32l.2-.221l.1.08c.811.511.942.42 1.072.3s.24-.26-.21-1.101a.8.8 0 0 0-.15-.21l.38-.462a.08.08 0 0 1-.04.04"/></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. TagSalePriceIcon.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.