Home/Libraries/Glyphs Poly (Iconify)/dice

Glyphs Poly (Iconify)

Dice

License: MITCommercial Safe

ICON SIZE

STROKE WEIGHT1.5px

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="none"><path fill="#818cf8" fill-rule="evenodd" d="m36.102 53.587l1.394-5.2l9.102-9.103a7.99 7.99 0 0 0 2.224-7.037q.608.065 1.22.228l15.454 4.141a8 8 0 0 1 5.657 9.798l-4.141 15.455a8 8 0 0 1-9.798 5.657l-15.455-4.141a8 8 0 0 1-5.657-9.798" clip-rule="evenodd"/><path fill="#818cf8" d="m37.496 48.387l-1.415-1.414a2 2 0 0 0-.517.896zm-1.394 5.2l-1.932-.518zm10.496-14.303l1.414 1.415zm2.224-7.037l.215-1.989a2 2 0 0 0-2.185 2.332zm1.22.228l.517-1.932zm15.454 4.141l-.517 1.932zm5.657 9.798l-1.932-.518zm-4.141 15.455l-1.932-.518zm-9.798 5.657l-.518 1.931zm-15.455-4.141l.518-1.932zm-6.195-15.516l-1.394 5.2l3.864 1.035l1.393-5.2zm9.62-9.999l-9.103 9.103L38.91 49.8l9.102-9.102zm1.668-5.28a5.99 5.99 0 0 1-1.668 5.28l2.828 2.829a9.99 9.99 0 0 0 2.78-8.796zm3.707-2.047a10 10 0 0 0-1.522-.285l-.43 3.977q.456.05.917.172zm15.455 4.141l-15.455-4.14l-1.035 3.863l15.454 4.14zm7.07 12.248c1.43-5.335-1.736-10.818-7.07-12.248l-1.035 3.864a6 6 0 0 1 4.242 7.348zm-4.14 15.454l4.14-15.454l-3.863-1.036l-4.141 15.455zm-12.248 7.071c5.335 1.43 10.818-1.736 12.248-7.07L65.08 61.35a6 6 0 0 1-7.349 4.243zm-15.455-4.14l15.455 4.14l1.035-3.863l-15.454-4.141zm-7.07-12.248c-1.43 5.335 1.736 10.818 7.07 12.247l1.036-3.863a6 6 0 0 1-4.243-7.349z"/><rect width="5.333" height="5.333" x="61.068" y="40.26" fill="#818cf8" rx="2.667" transform="rotate(15 61.068 40.26)"/><rect width="5.333" height="5.333" x="42.415" y="53.207" fill="#818cf8" rx="2.667" transform="rotate(15 42.415 53.207)"/><rect width="32" height="32" x="7" y="33.627" fill="#818cf8" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" rx="8" transform="rotate(-45 7 33.627)"/><rect width="5.333" height="5.333" x="14.543" y="32.685" fill="#818cf8" rx="2.667" transform="rotate(-45 14.543 32.685)"/><rect width="5.333" height="5.333" x="24.914" y="22.314" fill="#818cf8" rx="2.667" transform="rotate(-45 24.914 22.314)"/><rect width="5.333" height="5.333" x="26.799" y="44.941" fill="#818cf8" rx="2.667" transform="rotate(-45 26.799 44.94)"/><rect width="5.333" height="5.333" x="37.17" y="34.57" fill="#818cf8" rx="2.667" transform="rotate(-45 37.17 34.57)"/></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. DiceIcon.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 Poly (Iconify)

Browse all Glyphs Poly (Iconify) icons →