dice icon

dice-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: dice-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

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

Use the dice icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M48 366.92L240 480V284L48 170ZM192 288c8.84 0 16 10.75 16 24s-7.16 24-16 24s-16-10.75-16-24s7.16-24 16-24m-96 32c8.84 0 16 10.75 16 24s-7.16 24-16 24s-16-10.75-16-24s7.16-24 16-24m176-36v196l192-113.08V170Zm48 140c-8.84 0-16-10.75-16-24s7.16-24 16-24s16 10.75 16 24s-7.16 24-16 24m0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24s16 10.75 16 24s-7.16 24-16 24m96 32c-8.84 0-16-10.75-16-24s7.16-24 16-24s16 10.75 16 24s-7.16 24-16 24m0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24s16 10.75 16 24s-7.16 24-16 24M256 32L64 144l192 112l192-112Zm0 120c-13.25 0-24-7.16-24-16s10.75-16 24-16s24 7.16 24 16s-10.75 16-24 16"/></svg>

React

import type { SVGProps } from "react";

export function IonDiceSharp(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 366.92L240 480V284L48 170ZM192 288c8.84 0 16 10.75 16 24s-7.16 24-16 24s-16-10.75-16-24s7.16-24 16-24m-96 32c8.84 0 16 10.75 16 24s-7.16 24-16 24s-16-10.75-16-24s7.16-24 16-24m176-36v196l192-113.08V170Zm48 140c-8.84 0-16-10.75-16-24s7.16-24 16-24s16 10.75 16 24s-7.16 24-16 24m0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24s16 10.75 16 24s-7.16 24-16 24m96 32c-8.84 0-16-10.75-16-24s7.16-24 16-24s16 10.75 16 24s-7.16 24-16 24m0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24s16 10.75 16 24s-7.16 24-16 24M256 32L64 144l192 112l192-112Zm0 120c-13.25 0-24-7.16-24-16s10.75-16 24-16s24 7.16 24 16s-10.75 16-24 16"/></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 366.92L240 480V284L48 170ZM192 288c8.84 0 16 10.75 16 24s-7.16 24-16 24s-16-10.75-16-24s7.16-24 16-24m-96 32c8.84 0 16 10.75 16 24s-7.16 24-16 24s-16-10.75-16-24s7.16-24 16-24m176-36v196l192-113.08V170Zm48 140c-8.84 0-16-10.75-16-24s7.16-24 16-24s16 10.75 16 24s-7.16 24-16 24m0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24s16 10.75 16 24s-7.16 24-16 24m96 32c-8.84 0-16-10.75-16-24s7.16-24 16-24s16 10.75 16 24s-7.16 24-16 24m0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24s16 10.75 16 24s-7.16 24-16 24M256 32L64 144l192 112l192-112Zm0 120c-13.25 0-24-7.16-24-16s10.75-16 24-16s24 7.16 24 16s-10.75 16-24 16"/></svg>
</template>

CSS

.icon-dice-sharp {
  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%20366.92L240%20480V284L48%20170ZM192%20288c8.84%200%2016%2010.75%2016%2024s-7.16%2024-16%2024s-16-10.75-16-24s7.16-24%2016-24m-96%2032c8.84%200%2016%2010.75%2016%2024s-7.16%2024-16%2024s-16-10.75-16-24s7.16-24%2016-24m176-36v196l192-113.08V170Zm48%20140c-8.84%200-16-10.75-16-24s7.16-24%2016-24s16%2010.75%2016%2024s-7.16%2024-16%2024m0-88c-8.84%200-16-10.75-16-24s7.16-24%2016-24s16%2010.75%2016%2024s-7.16%2024-16%2024m96%2032c-8.84%200-16-10.75-16-24s7.16-24%2016-24s16%2010.75%2016%2024s-7.16%2024-16%2024m0-88c-8.84%200-16-10.75-16-24s7.16-24%2016-24s16%2010.75%2016%2024s-7.16%2024-16%2024M256%2032L64%20144l192%20112l192-112Zm0%20120c-13.25%200-24-7.16-24-16s10.75-16%2024-16s24%207.16%2024%2016s-10.75%2016-24%2016%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%20366.92L240%20480V284L48%20170ZM192%20288c8.84%200%2016%2010.75%2016%2024s-7.16%2024-16%2024s-16-10.75-16-24s7.16-24%2016-24m-96%2032c8.84%200%2016%2010.75%2016%2024s-7.16%2024-16%2024s-16-10.75-16-24s7.16-24%2016-24m176-36v196l192-113.08V170Zm48%20140c-8.84%200-16-10.75-16-24s7.16-24%2016-24s16%2010.75%2016%2024s-7.16%2024-16%2024m0-88c-8.84%200-16-10.75-16-24s7.16-24%2016-24s16%2010.75%2016%2024s-7.16%2024-16%2024m96%2032c-8.84%200-16-10.75-16-24s7.16-24%2016-24s16%2010.75%2016%2024s-7.16%2024-16%2024m0-88c-8.84%200-16-10.75-16-24s7.16-24%2016-24s16%2010.75%2016%2024s-7.16%2024-16%2024M256%2032L64%20144l192%20112l192-112Zm0%20120c-13.25%200-24-7.16-24-16s10.75-16%2024-16s24%207.16%2024%2016s-10.75%2016-24%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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