dice d8 icon
dice-d8 from Material Design Icons by Pictogrammers · Filled · Gaming / RPG · Apache-2.0 Free for personal and commercial use.
- Name
- dice-d8
- Set
- Material Design Icons
- Style
- Filled
- Category
- Gaming / RPG
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Material Design Icons
More gaming / rpg icons from Material Design Icons
arrow-projectilearrow-projectile-multipleaxe-battlebombbomb-offboomerangbottle-tonic-plusbottle-tonic-skullbow-arrowcardscards-clubcards-diamondcards-heartcards-playingcards-playing-clubcards-playing-club-multiplecards-playing-diamondcards-playing-diamond-multiplecards-playing-heartcards-playing-heart-multiplecards-playing-spadecards-playing-spade-multiplecards-spadecards-variant
Use the dice d8 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c-.5 0-1 .19-1.41.59l-8 8c-.79.78-.79 2.04 0 2.82l8 8c.78.79 2.04.79 2.82 0l8-8c.79-.78.79-2.04 0-2.82l-8-8C13 2.19 12.5 2 12 2m0 6.25c1.31 0 2.38.95 2.38 2.13c0 .69-.38 1.3-.94 1.69c.7.39 1.16 1.06 1.16 1.83c0 1.22-1.16 2.2-2.6 2.2s-2.6-.98-2.6-2.2c0-.77.46-1.44 1.16-1.83c-.56-.39-.93-1-.93-1.69c0-1.18 1.06-2.13 2.37-2.13m0 1.25c-.5 0-.9.45-.9 1s.4 1 .9 1s.9-.45.9-1s-.4-1-.9-1m0 3.15c-.61 0-1.1.49-1.1 1.1s.49 1.1 1.1 1.1s1.1-.49 1.1-1.1s-.49-1.1-1.1-1.1"/></svg>
React
import type { SVGProps } from "react";
export function MdiDiceD8(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c-.5 0-1 .19-1.41.59l-8 8c-.79.78-.79 2.04 0 2.82l8 8c.78.79 2.04.79 2.82 0l8-8c.79-.78.79-2.04 0-2.82l-8-8C13 2.19 12.5 2 12 2m0 6.25c1.31 0 2.38.95 2.38 2.13c0 .69-.38 1.3-.94 1.69c.7.39 1.16 1.06 1.16 1.83c0 1.22-1.16 2.2-2.6 2.2s-2.6-.98-2.6-2.2c0-.77.46-1.44 1.16-1.83c-.56-.39-.93-1-.93-1.69c0-1.18 1.06-2.13 2.37-2.13m0 1.25c-.5 0-.9.45-.9 1s.4 1 .9 1s.9-.45.9-1s-.4-1-.9-1m0 3.15c-.61 0-1.1.49-1.1 1.1s.49 1.1 1.1 1.1s1.1-.49 1.1-1.1s-.49-1.1-1.1-1.1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c-.5 0-1 .19-1.41.59l-8 8c-.79.78-.79 2.04 0 2.82l8 8c.78.79 2.04.79 2.82 0l8-8c.79-.78.79-2.04 0-2.82l-8-8C13 2.19 12.5 2 12 2m0 6.25c1.31 0 2.38.95 2.38 2.13c0 .69-.38 1.3-.94 1.69c.7.39 1.16 1.06 1.16 1.83c0 1.22-1.16 2.2-2.6 2.2s-2.6-.98-2.6-2.2c0-.77.46-1.44 1.16-1.83c-.56-.39-.93-1-.93-1.69c0-1.18 1.06-2.13 2.37-2.13m0 1.25c-.5 0-.9.45-.9 1s.4 1 .9 1s.9-.45.9-1s-.4-1-.9-1m0 3.15c-.61 0-1.1.49-1.1 1.1s.49 1.1 1.1 1.1s1.1-.49 1.1-1.1s-.49-1.1-1.1-1.1"/></svg> </template>
CSS
.icon-dice-d8 {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202c-.5%200-1%20.19-1.41.59l-8%208c-.79.78-.79%202.04%200%202.82l8%208c.78.79%202.04.79%202.82%200l8-8c.79-.78.79-2.04%200-2.82l-8-8C13%202.19%2012.5%202%2012%202m0%206.25c1.31%200%202.38.95%202.38%202.13c0%20.69-.38%201.3-.94%201.69c.7.39%201.16%201.06%201.16%201.83c0%201.22-1.16%202.2-2.6%202.2s-2.6-.98-2.6-2.2c0-.77.46-1.44%201.16-1.83c-.56-.39-.93-1-.93-1.69c0-1.18%201.06-2.13%202.37-2.13m0%201.25c-.5%200-.9.45-.9%201s.4%201%20.9%201s.9-.45.9-1s-.4-1-.9-1m0%203.15c-.61%200-1.1.49-1.1%201.1s.49%201.1%201.1%201.1s1.1-.49%201.1-1.1s-.49-1.1-1.1-1.1%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202c-.5%200-1%20.19-1.41.59l-8%208c-.79.78-.79%202.04%200%202.82l8%208c.78.79%202.04.79%202.82%200l8-8c.79-.78.79-2.04%200-2.82l-8-8C13%202.19%2012.5%202%2012%202m0%206.25c1.31%200%202.38.95%202.38%202.13c0%20.69-.38%201.3-.94%201.69c.7.39%201.16%201.06%201.16%201.83c0%201.22-1.16%202.2-2.6%202.2s-2.6-.98-2.6-2.2c0-.77.46-1.44%201.16-1.83c-.56-.39-.93-1-.93-1.69c0-1.18%201.06-2.13%202.37-2.13m0%201.25c-.5%200-.9.45-.9%201s.4%201%20.9%201s.9-.45.9-1s-.4-1-.9-1m0%203.15c-.61%200-1.1.49-1.1%201.1s.49%201.1%201.1%201.1s1.1-.49%201.1-1.1s-.49-1.1-1.1-1.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/dice-d8.svg?color=%231a73e8&size=48
