Home/Libraries/Glyphs (Iconify)/badge-bold

Glyphs (Iconify)

BadgeBold

License: MITCommercial Safe

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 80 80"><g fill="#818cf8"><path fill-rule="evenodd" d="M49.094 18.047a9.67 9.67 0 0 1 12.86 12.86a9.67 9.67 0 0 1 0 18.187a9.67 9.67 0 0 1-12.86 12.86a9.67 9.67 0 0 1-18.187 0a9.67 9.67 0 0 1-12.86-12.86a9.67 9.67 0 0 1 0-18.187a9.67 9.67 0 0 1 12.86-12.86a9.67 9.67 0 0 1 18.187 0" clip-rule="evenodd"/><path d="m60.035 19.966l1.06-1.061zm-10.941-1.92l-1.411.51l.559 1.547l1.488-.698zm12.86 12.86l-1.358-.636l-.698 1.489l1.546.559zm0 18.188l-.51-1.41l-1.547.558l.699 1.489zm-1.92 10.941l-1.06-1.06zm-10.94 1.919l.636-1.358l-1.488-.698l-.56 1.546zm-18.187 0l1.41-.51l-.559-1.546l-1.488.698zm-10.942-1.919l-1.06 1.06zm-1.918-10.941l1.358.637l.698-1.489l-1.547-.559zm0-18.187l.51 1.41l1.546-.558l-.698-1.489zm1.918-10.941l1.061 1.06zm10.942-1.92l-.637 1.359l1.488.698l.56-1.546zm30.188.859c-3.42-3.42-8.502-4.156-12.638-2.216l1.273 2.716a8.17 8.17 0 0 1 9.244 1.621zm2.217 12.639c1.94-4.136 1.203-9.22-2.217-12.639l-2.12 2.121a8.17 8.17 0 0 1 1.62 9.244zM69.833 40c0-4.836-3.073-8.95-7.37-10.504l-1.02 2.822A8.17 8.17 0 0 1 66.834 40zm-7.37 10.504c4.297-1.553 7.37-5.667 7.37-10.504h-3a8.17 8.17 0 0 1-5.39 7.683zm-1.368 10.592c3.42-3.42 4.156-8.503 2.217-12.64l-2.716 1.275a8.17 8.17 0 0 1-1.622 9.243zm-12.638 2.216c4.136 1.94 9.219 1.203 12.638-2.216l-2.12-2.122a8.17 8.17 0 0 1-9.245 1.622zM40 69.834c4.836 0 8.951-3.074 10.504-7.37l-2.821-1.02A8.17 8.17 0 0 1 40 66.834zm-10.504-7.37c1.553 4.296 5.668 7.37 10.504 7.37v-3a8.17 8.17 0 0 1-7.683-5.39zm-10.591-1.368c3.42 3.42 8.502 4.155 12.639 2.216l-1.274-2.716a8.17 8.17 0 0 1-9.244-1.622zm-2.217-12.64c-1.94 4.137-1.203 9.22 2.217 12.64l2.121-2.122a8.17 8.17 0 0 1-1.621-9.243zM10.167 40c0 4.837 3.074 8.951 7.37 10.504l1.02-2.82A8.17 8.17 0 0 1 13.167 40zm7.37-10.504c-4.296 1.553-7.37 5.668-7.37 10.504h3a8.17 8.17 0 0 1 5.39-7.682zm1.368-10.591c-3.42 3.42-4.156 8.503-2.217 12.639l2.717-1.274a8.17 8.17 0 0 1 1.621-9.244zm12.639-2.216c-4.137-1.94-9.22-1.204-12.64 2.216l2.122 2.121a8.17 8.17 0 0 1 9.244-1.621zM40 10.167c-4.836 0-8.95 3.074-10.504 7.37l2.821 1.02A8.17 8.17 0 0 1 40 13.167zm10.504 7.37c-1.553-4.296-5.668-7.37-10.504-7.37v3a8.17 8.17 0 0 1 7.683 5.39z"/></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. BadgeBoldIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.

Related Icons in Glyphs (Iconify)

Browse all Glyphs (Iconify) icons →