dice 2 icon

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

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

7 other variants in Keyline Icons

dice-2 dice-2-fill dice-2-sharp dice-2-sharp-duotone dice-2-sharp-fill dice-2-sharp-two-tone dice-2-two-tone

The same icon in other sets

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

Related icons in Keyline Icons

dice-1 dice-3 dice-4 dice-5 dice-6 dice-6-horizontal

Use the dice 2 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.75ZM16.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 KeylineIconsDice2Duotone(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.75ZM16.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.75ZM16.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-2-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.75ZM16.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.75ZM16.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-2-duotone.svg?color=%231a73e8&size=48