Home/Libraries/Freehand free icons (Iconify)/tag-new-circle

Freehand free icons (Iconify)

TagNewCircle

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="M23.486 8.725c-.51-2.058-1.159-3.887-2.997-5.156a.29.29 0 1 0-.3.44c2.997 2.188 4.256 9.472.92 14.048a10.81 10.81 0 0 1-8.564 4.786a10.99 10.99 0 0 1-8.872-4.057C-1.682 11.892 1.775 1.701 11.476.801a12.1 12.1 0 0 1 5.166.53a.34.34 0 0 0 .23-.62a12.8 12.8 0 0 0-5.465-.649C1.005.872-2.991 11.872 2.784 19.506a11.99 11.99 0 0 0 9.802 4.486c7.103-.28 12.849-7.324 10.9-15.267"/><path d="M8.659 10.593a.44.44 0 0 0-.37-.5a.43.43 0 0 0-.5.37c-.09.44-.19.89-.29 1.33c-.07.269-.14.529-.219.788a10 10 0 0 0-1.579-2.238a2.55 2.55 0 0 0-1.369-.749a.82.82 0 0 0-.829.79c0 .449 0 1.598.06 1.678l.18 1.159l.52 1.998a.4.4 0 0 0 .47.28a.38.38 0 0 0 .269-.5l-.24-1.898v-1.609l.1.12q.674.788 1.169 1.699s.4.84.58 1.139a.86.86 0 0 0 .639.46a.74.74 0 0 0 .65-.42q.2-.548.32-1.12q.132-.558.209-1.128c.11-.54.17-1.09.23-1.649m5.705-1.588a8.3 8.3 0 0 0-2.588.12a3.3 3.3 0 0 0-1.668 1.059a3.16 3.16 0 0 0-.64 2.398c.084.541.296 1.055.62 1.498a3.1 3.1 0 0 0 3.537 1.21a.44.44 0 1 0-.23-.85a2 2 0 0 1-2.188-1.09q-.12-.165-.21-.349l.28.08q.226.057.46.07q.235.015.469 0c1.449-.08 1.559-.16 1.609-.47c0-.16.15-.48-1.47-.909a3 3 0 0 0-.499-.09a2 2 0 0 0-.49 0l-.36.02c.06-.219.158-.425.29-.61c.289-.45.728-.783 1.24-.938a9.2 9.2 0 0 1 1.888-.34a.39.39 0 0 0 0-.77zm6.465.509a.43.43 0 0 0-.36.5a6 6 0 0 1-.12 1.738a6 6 0 0 1-.51 1.629a5 5 0 0 1-.26.49c-.13-.12-.1-.3-.1-.48c0-.38.06-.78 0-1.14a2.3 2.3 0 0 0-.21-.828a.68.68 0 0 0-.589-.4a.71.71 0 0 0-.67.27q-.117.277-.199.57l-.2.609q-.174.43-.43.819c-.4.6-.629.999-.579-.32q.05-.805.2-1.599l.19-1.168a.38.38 0 0 0-.29-.46a.39.39 0 0 0-.47.29l-.24 1.159a10.3 10.3 0 0 0-.459 2.428a1.47 1.47 0 0 0 .72 1.378a1.38 1.38 0 0 0 1.388-.19q.334-.222.58-.539c.113.247.284.464.5.63a1.13 1.13 0 0 0 1.078.24c.528-.26.933-.716 1.13-1.27a7.4 7.4 0 0 0 .449-1.998c.09-.663.09-1.335 0-1.998a.438.438 0 0 0-.55-.36"/></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. TagNewCircleIcon.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.