ICONYZ
Français
Icône Dice Five de Phosphor

Icône Dice Five

ph:dice-five

L'icône Dice Five (ph:dice-five) est une icône SVG gratuite de la collection Phosphor par Phosphor Icons. Elle est dessinée sur une grille de 256 × 256. Les Phosphor icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Phosphor
Auteur
Phosphor Icons
Licence
MIT
Taille
256 × 256
Mots-clés
die, rolling, gamble, gambling, casino, gaming, 5, dicefive
Télécharger le SVG

Code 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 12m72 0a12 12 0 1 1-12-12a12 12 0 0 1 12 12m-72 72a12 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>

Comment utiliser l'icône Dice Five

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

<img src="https://iconyz.com/api/public/svg/ph/dice-five.svg" alt="Icône Dice Five" width="24" height="24">

Icônes similaires dans Phosphor

Icône dice-five-bold
dice-five-bold
 Icône dice-five-duotone
dice-five-duotone
 Icône dice-five-fill
dice-five-fill
 Icône dice-five-light
dice-five-light
 Icône dice-five-thin
dice-five-thin
 Icône dice-four
dice-four
 Icône dice-four-bold
dice-four-bold
 Icône dice-four-duotone
dice-four-duotone
 Icône dice-four-fill
dice-four-fill
 Icône dice-four-light
dice-four-light
 Icône dice-four-thin
dice-four-thin
 Icône dice-one
dice-one
 Icône dice-one-bold
dice-one-bold
 Icône dice-one-duotone
dice-one-duotone
 Icône dice-one-fill
dice-one-fill
 Icône dice-one-light
dice-one-light
 Icône dice-one-thin
dice-one-thin
 Icône dice-six
dice-six
 Icône dice-six-bold
dice-six-bold
 Icône dice-six-duotone
dice-six-duotone
 Icône dice-six-fill
dice-six-fill
 Icône dice-six-light
dice-six-light
 Icône dice-six-thin
dice-six-thin
 Icône dice-three
dice-three

L'icône Dice Five dans d'autres collections

Icône Dice Five de Font Awesome 6 Solid
Font Awesome 6 Solid
 Icône Dice Five de Font Awesome 5 Solid
Font Awesome 5 Solid
 Icône Dice Five de Font Awesome Solid
Font Awesome Solid
 Icône Dice Five de IconOven
IconOven
 Icône Dice Five de Iconoir
Iconoir
 Icône Dice Five de Line Awesome
Line Awesome
 Icône Dice Five de Unicons
Unicons
 Icône Dice Five de andrsrxn/icons
andrsrxn/icons

FAQ : Icône Dice Five

L'icône Dice Five est-elle gratuite pour un usage commercial ?

Oui. Les Phosphor icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Dice Five dans React ?

Installez @iconify/react et affichez <Icon icon="ph:dice-five" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Dice Five à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/ph/dice-five.svg" alt="Icône Dice Five">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Phosphor →