dice 3 icon

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

Name: dice-3-duotone
Set: Keyline Icons
Style: Duotone
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

dice-3 dice-3-fill dice-3-sharp 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="currentColor"><path fill-opacity=".4" d="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6Z"/><path 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"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsDice3Duotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillOpacity=".4" d="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6Z"/><path 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"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-opacity=".4" d="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6Z"/><path 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"/></g></svg>
</template>

CSS

.icon-dice-3-duotone {
  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%22currentColor%22%3E%3Cpath%20fill-opacity%3D%22.4%22%20d%3D%22M2%206C2%203.79086%203.79086%202%206%202H18C20.2091%202%2022%203.79086%2022%206V18C22%2020.2091%2020.2091%2022%2018%2022H6C3.79086%2022%202%2020.2091%202%2018V6Z%22%2F%3E%3Cpath%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%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%22currentColor%22%3E%3Cpath%20fill-opacity%3D%22.4%22%20d%3D%22M2%206C2%203.79086%203.79086%202%206%202H18C20.2091%202%2022%203.79086%2022%206V18C22%2020.2091%2020.2091%2022%2018%2022H6C3.79086%2022%202%2020.2091%202%2018V6Z%22%2F%3E%3Cpath%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%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-duotone.svg?color=%231a73e8&size=48