dice icon
dice-line from Remix Icon by Remix Design · Line · Game & Sports · Apache-2.0 Free for personal and commercial use.
- Name
- dice-line
- Set
- Remix Icon
- Style
- Line
- Category
- Game & Sports
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
More game & sports icons from Remix Icon
baseball-fillbasketball-fillbilliards-fillboxing-fillchess-filldice-1-filldice-2-filldice-3-filldice-4-filldice-5-filldice-6-fillfootball-fillgame-2-fillgame-fillgolf-ball-fillpiano-fillpiano-grand-fillping-pong-fillpoker-clubs-fillpoker-diamonds-fillpoker-hearts-fillpoker-spades-fillsword-filltarget-fill
Use the dice icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.998 1.58a2 2 0 0 1 2.004 0l7.5 4.342a2 2 0 0 1 .998 1.731v8.694a2 2 0 0 1-.998 1.73l-7.5 4.343a2 2 0 0 1-2.004 0l-7.5-4.342a2 2 0 0 1-.998-1.731V7.653a2 2 0 0 1 .998-1.73zM4.5 7.653v.005l6.502 3.764A2 2 0 0 1 12 13.153v7.536l7.5-4.342V7.653L12 3.311zM6.132 12.3c0-.552-.388-1.224-.866-1.5s-.866-.052-.866.5s.388 1.224.866 1.5s.866.052.866-.5m2.597 6.498c.478.276.866.053.866-.5c0-.552-.388-1.224-.866-1.5s-.866-.052-.866.5s.388 1.224.866 1.5M5.266 16.8c.478.276.866.052.866-.5s-.388-1.224-.866-1.5s-.866-.052-.866.5s.388 1.224.866 1.5m3.463-2c.478.277.866.053.865-.5c0-.552-.387-1.223-.866-1.5c-.478-.276-.866-.052-.866.5c0 .553.388 1.224.867 1.5M14.898 8c.478-.276.478-.724 0-1s-1.254-.276-1.732 0c-.479.276-.479.724 0 1c.478.276 1.254.276 1.732 0m-4.8-1c.478.276.478.724 0 1s-1.254.276-1.732 0s-.478-.724 0-1s1.254-.276 1.732 0m5.897 8.35c.598-.346 1.083-1.185 1.083-1.875s-.485-.97-1.082-.625s-1.083 1.184-1.083 1.875c0 .69.485.97 1.082.625"/></svg>
React
import type { SVGProps } from "react";
export function RiDiceLine(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="M10.998 1.58a2 2 0 0 1 2.004 0l7.5 4.342a2 2 0 0 1 .998 1.731v8.694a2 2 0 0 1-.998 1.73l-7.5 4.343a2 2 0 0 1-2.004 0l-7.5-4.342a2 2 0 0 1-.998-1.731V7.653a2 2 0 0 1 .998-1.73zM4.5 7.653v.005l6.502 3.764A2 2 0 0 1 12 13.153v7.536l7.5-4.342V7.653L12 3.311zM6.132 12.3c0-.552-.388-1.224-.866-1.5s-.866-.052-.866.5s.388 1.224.866 1.5s.866.052.866-.5m2.597 6.498c.478.276.866.053.866-.5c0-.552-.388-1.224-.866-1.5s-.866-.052-.866.5s.388 1.224.866 1.5M5.266 16.8c.478.276.866.052.866-.5s-.388-1.224-.866-1.5s-.866-.052-.866.5s.388 1.224.866 1.5m3.463-2c.478.277.866.053.865-.5c0-.552-.387-1.223-.866-1.5c-.478-.276-.866-.052-.866.5c0 .553.388 1.224.867 1.5M14.898 8c.478-.276.478-.724 0-1s-1.254-.276-1.732 0c-.479.276-.479.724 0 1c.478.276 1.254.276 1.732 0m-4.8-1c.478.276.478.724 0 1s-1.254.276-1.732 0s-.478-.724 0-1s1.254-.276 1.732 0m5.897 8.35c.598-.346 1.083-1.185 1.083-1.875s-.485-.97-1.082-.625s-1.083 1.184-1.083 1.875c0 .69.485.97 1.082.625"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.998 1.58a2 2 0 0 1 2.004 0l7.5 4.342a2 2 0 0 1 .998 1.731v8.694a2 2 0 0 1-.998 1.73l-7.5 4.343a2 2 0 0 1-2.004 0l-7.5-4.342a2 2 0 0 1-.998-1.731V7.653a2 2 0 0 1 .998-1.73zM4.5 7.653v.005l6.502 3.764A2 2 0 0 1 12 13.153v7.536l7.5-4.342V7.653L12 3.311zM6.132 12.3c0-.552-.388-1.224-.866-1.5s-.866-.052-.866.5s.388 1.224.866 1.5s.866.052.866-.5m2.597 6.498c.478.276.866.053.866-.5c0-.552-.388-1.224-.866-1.5s-.866-.052-.866.5s.388 1.224.866 1.5M5.266 16.8c.478.276.866.052.866-.5s-.388-1.224-.866-1.5s-.866-.052-.866.5s.388 1.224.866 1.5m3.463-2c.478.277.866.053.865-.5c0-.552-.387-1.223-.866-1.5c-.478-.276-.866-.052-.866.5c0 .553.388 1.224.867 1.5M14.898 8c.478-.276.478-.724 0-1s-1.254-.276-1.732 0c-.479.276-.479.724 0 1c.478.276 1.254.276 1.732 0m-4.8-1c.478.276.478.724 0 1s-1.254.276-1.732 0s-.478-.724 0-1s1.254-.276 1.732 0m5.897 8.35c.598-.346 1.083-1.185 1.083-1.875s-.485-.97-1.082-.625s-1.083 1.184-1.083 1.875c0 .69.485.97 1.082.625"/></svg> </template>
CSS
.icon-dice-line {
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%22M10.998%201.58a2%202%200%200%201%202.004%200l7.5%204.342a2%202%200%200%201%20.998%201.731v8.694a2%202%200%200%201-.998%201.73l-7.5%204.343a2%202%200%200%201-2.004%200l-7.5-4.342a2%202%200%200%201-.998-1.731V7.653a2%202%200%200%201%20.998-1.73zM4.5%207.653v.005l6.502%203.764A2%202%200%200%201%2012%2013.153v7.536l7.5-4.342V7.653L12%203.311zM6.132%2012.3c0-.552-.388-1.224-.866-1.5s-.866-.052-.866.5s.388%201.224.866%201.5s.866.052.866-.5m2.597%206.498c.478.276.866.053.866-.5c0-.552-.388-1.224-.866-1.5s-.866-.052-.866.5s.388%201.224.866%201.5M5.266%2016.8c.478.276.866.052.866-.5s-.388-1.224-.866-1.5s-.866-.052-.866.5s.388%201.224.866%201.5m3.463-2c.478.277.866.053.865-.5c0-.552-.387-1.223-.866-1.5c-.478-.276-.866-.052-.866.5c0%20.553.388%201.224.867%201.5M14.898%208c.478-.276.478-.724%200-1s-1.254-.276-1.732%200c-.479.276-.479.724%200%201c.478.276%201.254.276%201.732%200m-4.8-1c.478.276.478.724%200%201s-1.254.276-1.732%200s-.478-.724%200-1s1.254-.276%201.732%200m5.897%208.35c.598-.346%201.083-1.185%201.083-1.875s-.485-.97-1.082-.625s-1.083%201.184-1.083%201.875c0%20.69.485.97%201.082.625%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%22M10.998%201.58a2%202%200%200%201%202.004%200l7.5%204.342a2%202%200%200%201%20.998%201.731v8.694a2%202%200%200%201-.998%201.73l-7.5%204.343a2%202%200%200%201-2.004%200l-7.5-4.342a2%202%200%200%201-.998-1.731V7.653a2%202%200%200%201%20.998-1.73zM4.5%207.653v.005l6.502%203.764A2%202%200%200%201%2012%2013.153v7.536l7.5-4.342V7.653L12%203.311zM6.132%2012.3c0-.552-.388-1.224-.866-1.5s-.866-.052-.866.5s.388%201.224.866%201.5s.866.052.866-.5m2.597%206.498c.478.276.866.053.866-.5c0-.552-.388-1.224-.866-1.5s-.866-.052-.866.5s.388%201.224.866%201.5M5.266%2016.8c.478.276.866.052.866-.5s-.388-1.224-.866-1.5s-.866-.052-.866.5s.388%201.224.866%201.5m3.463-2c.478.277.866.053.865-.5c0-.552-.387-1.223-.866-1.5c-.478-.276-.866-.052-.866.5c0%20.553.388%201.224.867%201.5M14.898%208c.478-.276.478-.724%200-1s-1.254-.276-1.732%200c-.479.276-.479.724%200%201c.478.276%201.254.276%201.732%200m-4.8-1c.478.276.478.724%200%201s-1.254.276-1.732%200s-.478-.724%200-1s1.254-.276%201.732%200m5.897%208.35c.598-.346%201.083-1.185%201.083-1.875s-.485-.97-1.082-.625s-1.083%201.184-1.083%201.875c0%20.69.485.97%201.082.625%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/dice-line.svg?color=%231a73e8&size=48
