dice d20 icon

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

Name: dice-d20
Set: Font Awesome 6 Solid
Style: Regular
Category: Games
Viewbox: 512×512
License: CC BY 4.0

The same icon in other sets

dice-d20Font Awesome Solid dice-d20Line Awesome dice-d20Material Design Icons

More games icons from Font Awesome 6 Solid

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

Use the dice d20 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m48.7 125.8l53.2 31.9c7.8 4.7 17.8 2 22.2-5.9l77.5-139.7c3-5.4-.9-12.1-7.1-12.1c-1.6 0-3.2.5-4.6 1.4l-142 97.4c-9.6 6.6-9.2 20.9.8 26.9zM16 171.7v123.5c0 8 10.4 11 14.7 4.4l60-92c5-7.6 2.6-17.8-5.2-22.5L40.2 158c-10.6-6.4-24.2 1.3-24.2 13.7M310.4 12.1L388 151.7c4.4 7.9 14.5 10.6 22.2 5.9l53.2-31.9c10-6 10.4-20.3.8-26.9L322.1 1.4c-1.4-.9-3-1.4-4.6-1.4c-6.2 0-10.1 6.7-7.1 12.1M496 171.7c0-12.4-13.6-20.1-24.2-13.7l-45.3 27.2c-7.8 4.7-10.1 14.9-5.2 22.5l60 92c4.3 6.7 14.7 3.6 14.7-4.4V171.8zm-49.3 246l-160.6 18.9c-8.1.9-14.1 7.8-14.1 15.9v52.8c0 3.7 3 6.8 6.8 6.8c.8 0 1.6-.1 2.4-.4l172.7-64c6.1-2.2 10.1-8 10.1-14.5c0-9.3-8.1-16.5-17.3-15.4zM233.2 512c3.7 0 6.8-3 6.8-6.8v-52.6c0-8.1-6.1-14.9-14.1-15.9l-160.6-19c-9.2-1.1-17.3 6.1-17.3 15.4c0 6.5 4 12.3 10.1 14.5l172.7 64c.8.3 1.6.4 2.4.4M41.7 382.9l170.9 20.2c7.8.9 13.4-7.5 9.5-14.3l-85.7-150c-5.9-10.4-20.7-10.8-27.3-.8L30.2 358.2c-6.5 9.9-.3 23.3 11.5 24.7m439.6-24.8l-78.4-120c-6.5-10-21.4-9.6-27.3.8l-85.4 149.6c-3.9 6.8 1.6 15.2 9.5 14.3l170.1-20c11.8-1.4 18-14.7 11.5-24.6zm-216.9 11l78.4-137.2c6.1-10.7-1.6-23.9-13.9-23.9H183.2c-12.3 0-20 13.3-13.9 23.9l78.4 137.2c3.7 6.4 13 6.4 16.7 0m-90-193.1h163.2c12.2 0 19.9-13.1 14-23.8l-80-144c-2.8-5.1-8.2-8.2-14-8.2h-3.2c-5.8 0-11.2 3.2-14 8.2l-80 144c-5.9 10.7 1.8 23.8 14 23.8"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidDiceD20(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m48.7 125.8l53.2 31.9c7.8 4.7 17.8 2 22.2-5.9l77.5-139.7c3-5.4-.9-12.1-7.1-12.1c-1.6 0-3.2.5-4.6 1.4l-142 97.4c-9.6 6.6-9.2 20.9.8 26.9zM16 171.7v123.5c0 8 10.4 11 14.7 4.4l60-92c5-7.6 2.6-17.8-5.2-22.5L40.2 158c-10.6-6.4-24.2 1.3-24.2 13.7M310.4 12.1L388 151.7c4.4 7.9 14.5 10.6 22.2 5.9l53.2-31.9c10-6 10.4-20.3.8-26.9L322.1 1.4c-1.4-.9-3-1.4-4.6-1.4c-6.2 0-10.1 6.7-7.1 12.1M496 171.7c0-12.4-13.6-20.1-24.2-13.7l-45.3 27.2c-7.8 4.7-10.1 14.9-5.2 22.5l60 92c4.3 6.7 14.7 3.6 14.7-4.4V171.8zm-49.3 246l-160.6 18.9c-8.1.9-14.1 7.8-14.1 15.9v52.8c0 3.7 3 6.8 6.8 6.8c.8 0 1.6-.1 2.4-.4l172.7-64c6.1-2.2 10.1-8 10.1-14.5c0-9.3-8.1-16.5-17.3-15.4zM233.2 512c3.7 0 6.8-3 6.8-6.8v-52.6c0-8.1-6.1-14.9-14.1-15.9l-160.6-19c-9.2-1.1-17.3 6.1-17.3 15.4c0 6.5 4 12.3 10.1 14.5l172.7 64c.8.3 1.6.4 2.4.4M41.7 382.9l170.9 20.2c7.8.9 13.4-7.5 9.5-14.3l-85.7-150c-5.9-10.4-20.7-10.8-27.3-.8L30.2 358.2c-6.5 9.9-.3 23.3 11.5 24.7m439.6-24.8l-78.4-120c-6.5-10-21.4-9.6-27.3.8l-85.4 149.6c-3.9 6.8 1.6 15.2 9.5 14.3l170.1-20c11.8-1.4 18-14.7 11.5-24.6zm-216.9 11l78.4-137.2c6.1-10.7-1.6-23.9-13.9-23.9H183.2c-12.3 0-20 13.3-13.9 23.9l78.4 137.2c3.7 6.4 13 6.4 16.7 0m-90-193.1h163.2c12.2 0 19.9-13.1 14-23.8l-80-144c-2.8-5.1-8.2-8.2-14-8.2h-3.2c-5.8 0-11.2 3.2-14 8.2l-80 144c-5.9 10.7 1.8 23.8 14 23.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m48.7 125.8l53.2 31.9c7.8 4.7 17.8 2 22.2-5.9l77.5-139.7c3-5.4-.9-12.1-7.1-12.1c-1.6 0-3.2.5-4.6 1.4l-142 97.4c-9.6 6.6-9.2 20.9.8 26.9zM16 171.7v123.5c0 8 10.4 11 14.7 4.4l60-92c5-7.6 2.6-17.8-5.2-22.5L40.2 158c-10.6-6.4-24.2 1.3-24.2 13.7M310.4 12.1L388 151.7c4.4 7.9 14.5 10.6 22.2 5.9l53.2-31.9c10-6 10.4-20.3.8-26.9L322.1 1.4c-1.4-.9-3-1.4-4.6-1.4c-6.2 0-10.1 6.7-7.1 12.1M496 171.7c0-12.4-13.6-20.1-24.2-13.7l-45.3 27.2c-7.8 4.7-10.1 14.9-5.2 22.5l60 92c4.3 6.7 14.7 3.6 14.7-4.4V171.8zm-49.3 246l-160.6 18.9c-8.1.9-14.1 7.8-14.1 15.9v52.8c0 3.7 3 6.8 6.8 6.8c.8 0 1.6-.1 2.4-.4l172.7-64c6.1-2.2 10.1-8 10.1-14.5c0-9.3-8.1-16.5-17.3-15.4zM233.2 512c3.7 0 6.8-3 6.8-6.8v-52.6c0-8.1-6.1-14.9-14.1-15.9l-160.6-19c-9.2-1.1-17.3 6.1-17.3 15.4c0 6.5 4 12.3 10.1 14.5l172.7 64c.8.3 1.6.4 2.4.4M41.7 382.9l170.9 20.2c7.8.9 13.4-7.5 9.5-14.3l-85.7-150c-5.9-10.4-20.7-10.8-27.3-.8L30.2 358.2c-6.5 9.9-.3 23.3 11.5 24.7m439.6-24.8l-78.4-120c-6.5-10-21.4-9.6-27.3.8l-85.4 149.6c-3.9 6.8 1.6 15.2 9.5 14.3l170.1-20c11.8-1.4 18-14.7 11.5-24.6zm-216.9 11l78.4-137.2c6.1-10.7-1.6-23.9-13.9-23.9H183.2c-12.3 0-20 13.3-13.9 23.9l78.4 137.2c3.7 6.4 13 6.4 16.7 0m-90-193.1h163.2c12.2 0 19.9-13.1 14-23.8l-80-144c-2.8-5.1-8.2-8.2-14-8.2h-3.2c-5.8 0-11.2 3.2-14 8.2l-80 144c-5.9 10.7 1.8 23.8 14 23.8"/></svg>
</template>

CSS

.icon-dice-d20 {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m48.7%20125.8l53.2%2031.9c7.8%204.7%2017.8%202%2022.2-5.9l77.5-139.7c3-5.4-.9-12.1-7.1-12.1c-1.6%200-3.2.5-4.6%201.4l-142%2097.4c-9.6%206.6-9.2%2020.9.8%2026.9zM16%20171.7v123.5c0%208%2010.4%2011%2014.7%204.4l60-92c5-7.6%202.6-17.8-5.2-22.5L40.2%20158c-10.6-6.4-24.2%201.3-24.2%2013.7M310.4%2012.1L388%20151.7c4.4%207.9%2014.5%2010.6%2022.2%205.9l53.2-31.9c10-6%2010.4-20.3.8-26.9L322.1%201.4c-1.4-.9-3-1.4-4.6-1.4c-6.2%200-10.1%206.7-7.1%2012.1M496%20171.7c0-12.4-13.6-20.1-24.2-13.7l-45.3%2027.2c-7.8%204.7-10.1%2014.9-5.2%2022.5l60%2092c4.3%206.7%2014.7%203.6%2014.7-4.4V171.8zm-49.3%20246l-160.6%2018.9c-8.1.9-14.1%207.8-14.1%2015.9v52.8c0%203.7%203%206.8%206.8%206.8c.8%200%201.6-.1%202.4-.4l172.7-64c6.1-2.2%2010.1-8%2010.1-14.5c0-9.3-8.1-16.5-17.3-15.4zM233.2%20512c3.7%200%206.8-3%206.8-6.8v-52.6c0-8.1-6.1-14.9-14.1-15.9l-160.6-19c-9.2-1.1-17.3%206.1-17.3%2015.4c0%206.5%204%2012.3%2010.1%2014.5l172.7%2064c.8.3%201.6.4%202.4.4M41.7%20382.9l170.9%2020.2c7.8.9%2013.4-7.5%209.5-14.3l-85.7-150c-5.9-10.4-20.7-10.8-27.3-.8L30.2%20358.2c-6.5%209.9-.3%2023.3%2011.5%2024.7m439.6-24.8l-78.4-120c-6.5-10-21.4-9.6-27.3.8l-85.4%20149.6c-3.9%206.8%201.6%2015.2%209.5%2014.3l170.1-20c11.8-1.4%2018-14.7%2011.5-24.6zm-216.9%2011l78.4-137.2c6.1-10.7-1.6-23.9-13.9-23.9H183.2c-12.3%200-20%2013.3-13.9%2023.9l78.4%20137.2c3.7%206.4%2013%206.4%2016.7%200m-90-193.1h163.2c12.2%200%2019.9-13.1%2014-23.8l-80-144c-2.8-5.1-8.2-8.2-14-8.2h-3.2c-5.8%200-11.2%203.2-14%208.2l-80%20144c-5.9%2010.7%201.8%2023.8%2014%2023.8%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m48.7%20125.8l53.2%2031.9c7.8%204.7%2017.8%202%2022.2-5.9l77.5-139.7c3-5.4-.9-12.1-7.1-12.1c-1.6%200-3.2.5-4.6%201.4l-142%2097.4c-9.6%206.6-9.2%2020.9.8%2026.9zM16%20171.7v123.5c0%208%2010.4%2011%2014.7%204.4l60-92c5-7.6%202.6-17.8-5.2-22.5L40.2%20158c-10.6-6.4-24.2%201.3-24.2%2013.7M310.4%2012.1L388%20151.7c4.4%207.9%2014.5%2010.6%2022.2%205.9l53.2-31.9c10-6%2010.4-20.3.8-26.9L322.1%201.4c-1.4-.9-3-1.4-4.6-1.4c-6.2%200-10.1%206.7-7.1%2012.1M496%20171.7c0-12.4-13.6-20.1-24.2-13.7l-45.3%2027.2c-7.8%204.7-10.1%2014.9-5.2%2022.5l60%2092c4.3%206.7%2014.7%203.6%2014.7-4.4V171.8zm-49.3%20246l-160.6%2018.9c-8.1.9-14.1%207.8-14.1%2015.9v52.8c0%203.7%203%206.8%206.8%206.8c.8%200%201.6-.1%202.4-.4l172.7-64c6.1-2.2%2010.1-8%2010.1-14.5c0-9.3-8.1-16.5-17.3-15.4zM233.2%20512c3.7%200%206.8-3%206.8-6.8v-52.6c0-8.1-6.1-14.9-14.1-15.9l-160.6-19c-9.2-1.1-17.3%206.1-17.3%2015.4c0%206.5%204%2012.3%2010.1%2014.5l172.7%2064c.8.3%201.6.4%202.4.4M41.7%20382.9l170.9%2020.2c7.8.9%2013.4-7.5%209.5-14.3l-85.7-150c-5.9-10.4-20.7-10.8-27.3-.8L30.2%20358.2c-6.5%209.9-.3%2023.3%2011.5%2024.7m439.6-24.8l-78.4-120c-6.5-10-21.4-9.6-27.3.8l-85.4%20149.6c-3.9%206.8%201.6%2015.2%209.5%2014.3l170.1-20c11.8-1.4%2018-14.7%2011.5-24.6zm-216.9%2011l78.4-137.2c6.1-10.7-1.6-23.9-13.9-23.9H183.2c-12.3%200-20%2013.3-13.9%2023.9l78.4%20137.2c3.7%206.4%2013%206.4%2016.7%200m-90-193.1h163.2c12.2%200%2019.9-13.1%2014-23.8l-80-144c-2.8-5.1-8.2-8.2-14-8.2h-3.2c-5.8%200-11.2%203.2-14%208.2l-80%20144c-5.9%2010.7%201.8%2023.8%2014%2023.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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