dice d20 icon

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

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

The same icon in other sets

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

More games icons from Font Awesome 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 640 640"><path fill="currentColor" d="M288.4 55.8c19.6-11.1 43.6-11.1 63.1 0l192 108.8c20 11.4 32.4 32.6 32.4 55.7v215.6c0 23-12.4 44.3-32.4 55.7l-192 108.8c-19.6 11.1-43.6 11.1-63.1 0l-192-108.9c-20-11.4-32.4-32.7-32.4-55.7V220.2c0-23 12.4-44.3 32.4-55.7zm52 73.2c-9.4-15.2-31.4-15.2-40.8 0L223 252.7l-85.4-46.3l-3.8-1.6c-8.9-2.7-18.8 1.1-23.4 9.6s-2.4 18.9 4.7 24.8l3.3 2.3l83.4 45.2l-74.6 120.6c-7.9 12.9-2.2 29.7 11.8 35.1l161 61.9V544c0 11 9 20 20 20s20-9 20-20v-39.7l161-61.9c14-5.4 19.7-22.2 11.8-35l-74.7-120.6l83.4-45.2c9.7-5.3 13.3-17.4 8.1-27.1s-17.4-13.3-27.1-8.1L417 252.7zm-47 329.9l-122-46.9l54.5-88.1zM468.6 412l-122 46.9l67.5-135zm-85.3-116L320 422.6L256.7 296zM372 256H267.9l52-84l52 84z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidDiceD20(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="M288.4 55.8c19.6-11.1 43.6-11.1 63.1 0l192 108.8c20 11.4 32.4 32.6 32.4 55.7v215.6c0 23-12.4 44.3-32.4 55.7l-192 108.8c-19.6 11.1-43.6 11.1-63.1 0l-192-108.9c-20-11.4-32.4-32.7-32.4-55.7V220.2c0-23 12.4-44.3 32.4-55.7zm52 73.2c-9.4-15.2-31.4-15.2-40.8 0L223 252.7l-85.4-46.3l-3.8-1.6c-8.9-2.7-18.8 1.1-23.4 9.6s-2.4 18.9 4.7 24.8l3.3 2.3l83.4 45.2l-74.6 120.6c-7.9 12.9-2.2 29.7 11.8 35.1l161 61.9V544c0 11 9 20 20 20s20-9 20-20v-39.7l161-61.9c14-5.4 19.7-22.2 11.8-35l-74.7-120.6l83.4-45.2c9.7-5.3 13.3-17.4 8.1-27.1s-17.4-13.3-27.1-8.1L417 252.7zm-47 329.9l-122-46.9l54.5-88.1zM468.6 412l-122 46.9l67.5-135zm-85.3-116L320 422.6L256.7 296zM372 256H267.9l52-84l52 84z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M288.4 55.8c19.6-11.1 43.6-11.1 63.1 0l192 108.8c20 11.4 32.4 32.6 32.4 55.7v215.6c0 23-12.4 44.3-32.4 55.7l-192 108.8c-19.6 11.1-43.6 11.1-63.1 0l-192-108.9c-20-11.4-32.4-32.7-32.4-55.7V220.2c0-23 12.4-44.3 32.4-55.7zm52 73.2c-9.4-15.2-31.4-15.2-40.8 0L223 252.7l-85.4-46.3l-3.8-1.6c-8.9-2.7-18.8 1.1-23.4 9.6s-2.4 18.9 4.7 24.8l3.3 2.3l83.4 45.2l-74.6 120.6c-7.9 12.9-2.2 29.7 11.8 35.1l161 61.9V544c0 11 9 20 20 20s20-9 20-20v-39.7l161-61.9c14-5.4 19.7-22.2 11.8-35l-74.7-120.6l83.4-45.2c9.7-5.3 13.3-17.4 8.1-27.1s-17.4-13.3-27.1-8.1L417 252.7zm-47 329.9l-122-46.9l54.5-88.1zM468.6 412l-122 46.9l67.5-135zm-85.3-116L320 422.6L256.7 296zM372 256H267.9l52-84l52 84z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M288.4%2055.8c19.6-11.1%2043.6-11.1%2063.1%200l192%20108.8c20%2011.4%2032.4%2032.6%2032.4%2055.7v215.6c0%2023-12.4%2044.3-32.4%2055.7l-192%20108.8c-19.6%2011.1-43.6%2011.1-63.1%200l-192-108.9c-20-11.4-32.4-32.7-32.4-55.7V220.2c0-23%2012.4-44.3%2032.4-55.7zm52%2073.2c-9.4-15.2-31.4-15.2-40.8%200L223%20252.7l-85.4-46.3l-3.8-1.6c-8.9-2.7-18.8%201.1-23.4%209.6s-2.4%2018.9%204.7%2024.8l3.3%202.3l83.4%2045.2l-74.6%20120.6c-7.9%2012.9-2.2%2029.7%2011.8%2035.1l161%2061.9V544c0%2011%209%2020%2020%2020s20-9%2020-20v-39.7l161-61.9c14-5.4%2019.7-22.2%2011.8-35l-74.7-120.6l83.4-45.2c9.7-5.3%2013.3-17.4%208.1-27.1s-17.4-13.3-27.1-8.1L417%20252.7zm-47%20329.9l-122-46.9l54.5-88.1zM468.6%20412l-122%2046.9l67.5-135zm-85.3-116L320%20422.6L256.7%20296zM372%20256H267.9l52-84l52%2084z%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%22M288.4%2055.8c19.6-11.1%2043.6-11.1%2063.1%200l192%20108.8c20%2011.4%2032.4%2032.6%2032.4%2055.7v215.6c0%2023-12.4%2044.3-32.4%2055.7l-192%20108.8c-19.6%2011.1-43.6%2011.1-63.1%200l-192-108.9c-20-11.4-32.4-32.7-32.4-55.7V220.2c0-23%2012.4-44.3%2032.4-55.7zm52%2073.2c-9.4-15.2-31.4-15.2-40.8%200L223%20252.7l-85.4-46.3l-3.8-1.6c-8.9-2.7-18.8%201.1-23.4%209.6s-2.4%2018.9%204.7%2024.8l3.3%202.3l83.4%2045.2l-74.6%20120.6c-7.9%2012.9-2.2%2029.7%2011.8%2035.1l161%2061.9V544c0%2011%209%2020%2020%2020s20-9%2020-20v-39.7l161-61.9c14-5.4%2019.7-22.2%2011.8-35l-74.7-120.6l83.4-45.2c9.7-5.3%2013.3-17.4%208.1-27.1s-17.4-13.3-27.1-8.1L417%20252.7zm-47%20329.9l-122-46.9l54.5-88.1zM468.6%20412l-122%2046.9l67.5-135zm-85.3-116L320%20422.6L256.7%20296zM372%20256H267.9l52-84l52%2084z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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