dice 3 icon

dice-3-sharp from Keyline Icons by Keyline Icons · Sharp · MIT Free for personal and commercial use.

Name: dice-3-sharp
Set: Keyline Icons
Style: Sharp
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

dice-3 dice-3-duotone dice-3-fill dice-3-sharp-duotone dice-3-sharp-fill dice-3-sharp-two-tone dice-3-two-tone

The same icon in other sets

dice-3Akar Icons dice-3Bootstrap Icons dice-3BoxIcons v2 dice-3BoxIcons v2 Solid dice-3css.gg dice-3Lucide dice-3Material Design Icons dice-3Myna UI Icons dice-3-fillRemix Icon dice-3Tabler Icons

Related icons in Keyline Icons

dice-1 dice-2 dice-4 dice-5 dice-6 dice-6-horizontal

Use the dice 3 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path d="M3 3L21 3L21 21L3 21L3 3Z"/><path fill="currentColor" d="M7.25 5.75C8.0784 5.75 8.75 6.4216 8.75 7.25C8.75 8.0784 8.0784 8.75 7.25 8.75C6.4216 8.75 5.75 8.0784 5.75 7.25C5.75 6.4216 6.4216 5.75 7.25 5.75ZM12 10.5C12.8284 10.5 13.5 11.1716 13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5ZM16.75 15.25C17.5784 15.25 18.25 15.9216 18.25 16.75C18.25 17.5784 17.5784 18.25 16.75 18.25C15.9216 18.25 15.25 17.5784 15.25 16.75C15.25 15.9216 15.9216 15.25 16.75 15.25Z" stroke="none"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsDice3Sharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path d="M3 3L21 3L21 21L3 21L3 3Z"/><path fill="currentColor" d="M7.25 5.75C8.0784 5.75 8.75 6.4216 8.75 7.25C8.75 8.0784 8.0784 8.75 7.25 8.75C6.4216 8.75 5.75 8.0784 5.75 7.25C5.75 6.4216 6.4216 5.75 7.25 5.75ZM12 10.5C12.8284 10.5 13.5 11.1716 13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5ZM16.75 15.25C17.5784 15.25 18.25 15.9216 18.25 16.75C18.25 17.5784 17.5784 18.25 16.75 18.25C15.9216 18.25 15.25 17.5784 15.25 16.75C15.25 15.9216 15.9216 15.25 16.75 15.25Z" stroke="none"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path d="M3 3L21 3L21 21L3 21L3 3Z"/><path fill="currentColor" d="M7.25 5.75C8.0784 5.75 8.75 6.4216 8.75 7.25C8.75 8.0784 8.0784 8.75 7.25 8.75C6.4216 8.75 5.75 8.0784 5.75 7.25C5.75 6.4216 6.4216 5.75 7.25 5.75ZM12 10.5C12.8284 10.5 13.5 11.1716 13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5ZM16.75 15.25C17.5784 15.25 18.25 15.9216 18.25 16.75C18.25 17.5784 17.5784 18.25 16.75 18.25C15.9216 18.25 15.25 17.5784 15.25 16.75C15.25 15.9216 15.9216 15.25 16.75 15.25Z" stroke="none"/></g></svg>
</template>

CSS

.icon-dice-3-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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M3%203L21%203L21%2021L3%2021L3%203Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.25%205.75C8.0784%205.75%208.75%206.4216%208.75%207.25C8.75%208.0784%208.0784%208.75%207.25%208.75C6.4216%208.75%205.75%208.0784%205.75%207.25C5.75%206.4216%206.4216%205.75%207.25%205.75ZM12%2010.5C12.8284%2010.5%2013.5%2011.1716%2013.5%2012C13.5%2012.8284%2012.8284%2013.5%2012%2013.5C11.1716%2013.5%2010.5%2012.8284%2010.5%2012C10.5%2011.1716%2011.1716%2010.5%2012%2010.5ZM16.75%2015.25C17.5784%2015.25%2018.25%2015.9216%2018.25%2016.75C18.25%2017.5784%2017.5784%2018.25%2016.75%2018.25C15.9216%2018.25%2015.25%2017.5784%2015.25%2016.75C15.25%2015.9216%2015.9216%2015.25%2016.75%2015.25Z%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M3%203L21%203L21%2021L3%2021L3%203Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.25%205.75C8.0784%205.75%208.75%206.4216%208.75%207.25C8.75%208.0784%208.0784%208.75%207.25%208.75C6.4216%208.75%205.75%208.0784%205.75%207.25C5.75%206.4216%206.4216%205.75%207.25%205.75ZM12%2010.5C12.8284%2010.5%2013.5%2011.1716%2013.5%2012C13.5%2012.8284%2012.8284%2013.5%2012%2013.5C11.1716%2013.5%2010.5%2012.8284%2010.5%2012C10.5%2011.1716%2011.1716%2010.5%2012%2010.5ZM16.75%2015.25C17.5784%2015.25%2018.25%2015.9216%2018.25%2016.75C18.25%2017.5784%2017.5784%2018.25%2016.75%2018.25C15.9216%2018.25%2015.25%2017.5784%2015.25%2016.75C15.25%2015.9216%2015.9216%2015.25%2016.75%2015.25Z%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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