dice icon

dice from Font Awesome Solid by Dave Gandy · Solid · Games · CC-BY-4.0 Attribution required.

Name: dice
Set: Font Awesome Solid
Style: Solid
Category: Games
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

diceFont Awesome 6 Solid diceHuge Icons diceIonIcons diceJam Icons diceLine Awesome diceMaterial Design Icons dice-16Octicons dicePixelarticons dice-fillRemix Icon diceTabler Icons

More games icons from Font Awesome Solid

dice-d20 dice-d6 dice-five dice-four dice-one dice-six dice-three dice-two ghost headset puzzle-piece

Use the dice icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M205.4 66.3C167 56 127.5 78.8 117.3 117.2L66.5 306.7c-10.3 38.4 12.5 77.9 50.9 88.2l189.5 50.8c38.4 10.3 77.9-12.5 88.2-50.9l50.8-189.5c10.3-38.4-12.5-77.9-50.9-88.2zm23 205.7c-6.1-9.9-6.3-22.4-.6-32.5s16.5-16.3 28.2-16.2c11.6.1 22.2 6.5 27.8 16.7c6.1 9.9 6.3 22.4.6 32.5s-16.5 16.3-28.2 16.2c-11.6-.1-22.2-6.5-27.8-16.7m-85.2 12.3c9.9-6.1 22.4-6.3 32.5-.6s16.3 16.5 16.2 28.2c-.1 11.6-6.5 22.2-16.7 27.8c-9.9 6.1-22.4 6.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6 6.5-22.2 16.7-27.8m185 96.4c-9.9 6.1-22.4 6.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6 6.5-22.2 16.7-27.8c9.9-6.1 22.4-6.3 32.5-.6s16.3 16.5 16.2 28.2c-.1 11.6-6.5 22.2-16.7 27.8m9-208.4c9.9-6.1 22.4-6.3 32.5-.6s16.3 16.5 16.2 28.2c-.1 11.6-6.5 22.2-16.7 27.8c-9.9 6.1-22.4 6.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6 6.5-22.2 16.7-27.8m-121 14.4c-9.9 6.1-22.4 6.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6 6.5-22.2 16.7-27.8c9.9-6.1 22.4-6.3 32.5-.6s16.3 16.5 16.2 28.2c-.1 11.6-6.5 22.2-16.7 27.8M482 256l-40.6 151.2c-17.2 64-83 102-147 84.9l-38.3-10.3V512c0 35.3 28.7 64 64 64h192c35.3 0 64-28.7 64-64V320c0-35.3-28.7-64-64-64z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidDice(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M205.4 66.3C167 56 127.5 78.8 117.3 117.2L66.5 306.7c-10.3 38.4 12.5 77.9 50.9 88.2l189.5 50.8c38.4 10.3 77.9-12.5 88.2-50.9l50.8-189.5c10.3-38.4-12.5-77.9-50.9-88.2zm23 205.7c-6.1-9.9-6.3-22.4-.6-32.5s16.5-16.3 28.2-16.2c11.6.1 22.2 6.5 27.8 16.7c6.1 9.9 6.3 22.4.6 32.5s-16.5 16.3-28.2 16.2c-11.6-.1-22.2-6.5-27.8-16.7m-85.2 12.3c9.9-6.1 22.4-6.3 32.5-.6s16.3 16.5 16.2 28.2c-.1 11.6-6.5 22.2-16.7 27.8c-9.9 6.1-22.4 6.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6 6.5-22.2 16.7-27.8m185 96.4c-9.9 6.1-22.4 6.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6 6.5-22.2 16.7-27.8c9.9-6.1 22.4-6.3 32.5-.6s16.3 16.5 16.2 28.2c-.1 11.6-6.5 22.2-16.7 27.8m9-208.4c9.9-6.1 22.4-6.3 32.5-.6s16.3 16.5 16.2 28.2c-.1 11.6-6.5 22.2-16.7 27.8c-9.9 6.1-22.4 6.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6 6.5-22.2 16.7-27.8m-121 14.4c-9.9 6.1-22.4 6.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6 6.5-22.2 16.7-27.8c9.9-6.1 22.4-6.3 32.5-.6s16.3 16.5 16.2 28.2c-.1 11.6-6.5 22.2-16.7 27.8M482 256l-40.6 151.2c-17.2 64-83 102-147 84.9l-38.3-10.3V512c0 35.3 28.7 64 64 64h192c35.3 0 64-28.7 64-64V320c0-35.3-28.7-64-64-64z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M205.4 66.3C167 56 127.5 78.8 117.3 117.2L66.5 306.7c-10.3 38.4 12.5 77.9 50.9 88.2l189.5 50.8c38.4 10.3 77.9-12.5 88.2-50.9l50.8-189.5c10.3-38.4-12.5-77.9-50.9-88.2zm23 205.7c-6.1-9.9-6.3-22.4-.6-32.5s16.5-16.3 28.2-16.2c11.6.1 22.2 6.5 27.8 16.7c6.1 9.9 6.3 22.4.6 32.5s-16.5 16.3-28.2 16.2c-11.6-.1-22.2-6.5-27.8-16.7m-85.2 12.3c9.9-6.1 22.4-6.3 32.5-.6s16.3 16.5 16.2 28.2c-.1 11.6-6.5 22.2-16.7 27.8c-9.9 6.1-22.4 6.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6 6.5-22.2 16.7-27.8m185 96.4c-9.9 6.1-22.4 6.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6 6.5-22.2 16.7-27.8c9.9-6.1 22.4-6.3 32.5-.6s16.3 16.5 16.2 28.2c-.1 11.6-6.5 22.2-16.7 27.8m9-208.4c9.9-6.1 22.4-6.3 32.5-.6s16.3 16.5 16.2 28.2c-.1 11.6-6.5 22.2-16.7 27.8c-9.9 6.1-22.4 6.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6 6.5-22.2 16.7-27.8m-121 14.4c-9.9 6.1-22.4 6.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6 6.5-22.2 16.7-27.8c9.9-6.1 22.4-6.3 32.5-.6s16.3 16.5 16.2 28.2c-.1 11.6-6.5 22.2-16.7 27.8M482 256l-40.6 151.2c-17.2 64-83 102-147 84.9l-38.3-10.3V512c0 35.3 28.7 64 64 64h192c35.3 0 64-28.7 64-64V320c0-35.3-28.7-64-64-64z"/></svg>
</template>

CSS

.icon-dice {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M205.4%2066.3C167%2056%20127.5%2078.8%20117.3%20117.2L66.5%20306.7c-10.3%2038.4%2012.5%2077.9%2050.9%2088.2l189.5%2050.8c38.4%2010.3%2077.9-12.5%2088.2-50.9l50.8-189.5c10.3-38.4-12.5-77.9-50.9-88.2zm23%20205.7c-6.1-9.9-6.3-22.4-.6-32.5s16.5-16.3%2028.2-16.2c11.6.1%2022.2%206.5%2027.8%2016.7c6.1%209.9%206.3%2022.4.6%2032.5s-16.5%2016.3-28.2%2016.2c-11.6-.1-22.2-6.5-27.8-16.7m-85.2%2012.3c9.9-6.1%2022.4-6.3%2032.5-.6s16.3%2016.5%2016.2%2028.2c-.1%2011.6-6.5%2022.2-16.7%2027.8c-9.9%206.1-22.4%206.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6%206.5-22.2%2016.7-27.8m185%2096.4c-9.9%206.1-22.4%206.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6%206.5-22.2%2016.7-27.8c9.9-6.1%2022.4-6.3%2032.5-.6s16.3%2016.5%2016.2%2028.2c-.1%2011.6-6.5%2022.2-16.7%2027.8m9-208.4c9.9-6.1%2022.4-6.3%2032.5-.6s16.3%2016.5%2016.2%2028.2c-.1%2011.6-6.5%2022.2-16.7%2027.8c-9.9%206.1-22.4%206.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6%206.5-22.2%2016.7-27.8m-121%2014.4c-9.9%206.1-22.4%206.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6%206.5-22.2%2016.7-27.8c9.9-6.1%2022.4-6.3%2032.5-.6s16.3%2016.5%2016.2%2028.2c-.1%2011.6-6.5%2022.2-16.7%2027.8M482%20256l-40.6%20151.2c-17.2%2064-83%20102-147%2084.9l-38.3-10.3V512c0%2035.3%2028.7%2064%2064%2064h192c35.3%200%2064-28.7%2064-64V320c0-35.3-28.7-64-64-64z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M205.4%2066.3C167%2056%20127.5%2078.8%20117.3%20117.2L66.5%20306.7c-10.3%2038.4%2012.5%2077.9%2050.9%2088.2l189.5%2050.8c38.4%2010.3%2077.9-12.5%2088.2-50.9l50.8-189.5c10.3-38.4-12.5-77.9-50.9-88.2zm23%20205.7c-6.1-9.9-6.3-22.4-.6-32.5s16.5-16.3%2028.2-16.2c11.6.1%2022.2%206.5%2027.8%2016.7c6.1%209.9%206.3%2022.4.6%2032.5s-16.5%2016.3-28.2%2016.2c-11.6-.1-22.2-6.5-27.8-16.7m-85.2%2012.3c9.9-6.1%2022.4-6.3%2032.5-.6s16.3%2016.5%2016.2%2028.2c-.1%2011.6-6.5%2022.2-16.7%2027.8c-9.9%206.1-22.4%206.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6%206.5-22.2%2016.7-27.8m185%2096.4c-9.9%206.1-22.4%206.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6%206.5-22.2%2016.7-27.8c9.9-6.1%2022.4-6.3%2032.5-.6s16.3%2016.5%2016.2%2028.2c-.1%2011.6-6.5%2022.2-16.7%2027.8m9-208.4c9.9-6.1%2022.4-6.3%2032.5-.6s16.3%2016.5%2016.2%2028.2c-.1%2011.6-6.5%2022.2-16.7%2027.8c-9.9%206.1-22.4%206.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6%206.5-22.2%2016.7-27.8m-121%2014.4c-9.9%206.1-22.4%206.3-32.5.6s-16.3-16.5-16.2-28.2c.1-11.6%206.5-22.2%2016.7-27.8c9.9-6.1%2022.4-6.3%2032.5-.6s16.3%2016.5%2016.2%2028.2c-.1%2011.6-6.5%2022.2-16.7%2027.8M482%20256l-40.6%20151.2c-17.2%2064-83%20102-147%2084.9l-38.3-10.3V512c0%2035.3%2028.7%2064%2064%2064h192c35.3%200%2064-28.7%2064-64V320c0-35.3-28.7-64-64-64z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/dice.svg?color=%231a73e8&size=48