ICONYZ
Português (Brasil)
Ícone Dice Three de Phosphor

Ícone Dice Three

ph:dice-three

O ícone Dice Three (ph:dice-three) é um ícone SVG gratuito da coleção Phosphor de Phosphor Icons. Ele é desenhado em uma grade de 256 × 256. Phosphor icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Phosphor
Autor
Phosphor Icons
Licença
MIT
Tamanho
256 × 256
Tags
die, rolling, gamble, gambling, casino, gaming, 3, dicethree
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M192 32H64a32 32 0 0 0-32 32v128a32 32 0 0 0 32 32h128a32 32 0 0 0 32-32V64a32 32 0 0 0-32-32m16 160a16 16 0 0 1-16 16H64a16 16 0 0 1-16-16V64a16 16 0 0 1 16-16h128a16 16 0 0 1 16 16ZM104 92a12 12 0 1 1-12-12a12 12 0 0 1 12 12m36 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12m36 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></svg>

Como usar o ícone Dice Three

React

import { Icon } from "@iconify/react";

<Icon icon="ph:dice-three" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ph:dice-three" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ph:dice-three" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--dice-three]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:dice-three"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ph:dice-three"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/ph/dice-three.svg" alt="Ícone Dice Three" width="24" height="24">

Ícones relacionados em Phosphor

Ícone dice-five
dice-five
 Ícone dice-five-bold
dice-five-bold
 Ícone dice-five-duotone
dice-five-duotone
 Ícone dice-five-fill
dice-five-fill
 Ícone dice-five-light
dice-five-light
 Ícone dice-five-thin
dice-five-thin
 Ícone dice-four
dice-four
 Ícone dice-four-bold
dice-four-bold
 Ícone dice-four-duotone
dice-four-duotone
 Ícone dice-four-fill
dice-four-fill
 Ícone dice-four-light
dice-four-light
 Ícone dice-four-thin
dice-four-thin
 Ícone dice-one
dice-one
 Ícone dice-one-bold
dice-one-bold
 Ícone dice-one-duotone
dice-one-duotone
 Ícone dice-one-fill
dice-one-fill
 Ícone dice-one-light
dice-one-light
 Ícone dice-one-thin
dice-one-thin
 Ícone dice-six
dice-six
 Ícone dice-six-bold
dice-six-bold
 Ícone dice-six-duotone
dice-six-duotone
 Ícone dice-six-fill
dice-six-fill
 Ícone dice-six-light
dice-six-light
 Ícone dice-six-thin
dice-six-thin

O ícone Dice Three em outras coleções

Ícone Dice Three de Font Awesome 6 Solid
Font Awesome 6 Solid
 Ícone Dice Three de Font Awesome 5 Solid
Font Awesome 5 Solid
 Ícone Dice Three de Font Awesome Solid
Font Awesome Solid
 Ícone Dice Three de Iconoir
Iconoir
 Ícone Dice Three de Line Awesome
Line Awesome
 Ícone Dice Three de Unicons
Unicons
 Ícone Dice Three de andrsrxn/icons
andrsrxn/icons

Perguntas frequentes sobre Ícone Dice Three

O ícone Dice Three é grátis para uso comercial?

Sim. Phosphor icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Dice Three no React?

Instale @iconify/react e renderize <Icon icon="ph:dice-three" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Dice Three a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/ph/dice-three.svg" alt="Ícone Dice Three">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Phosphor →