ICONYZ
Français
Icône Dice Four de Phosphor

Icône Dice Four

ph:dice-four

L'icône Dice Four (ph:dice-four) 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, 4, dicefour
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 16Zm-96-92a12 12 0 1 1-12-12a12 12 0 0 1 12 12m56 0a12 12 0 1 1-12-12a12 12 0 0 1 12 12m-56 56a12 12 0 1 1-12-12a12 12 0 0 1 12 12m56 0a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></svg>

Comment utiliser l'icône Dice Four

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

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

Icônes similaires dans Phosphor

Icône dice-five
dice-five
 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-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 Four dans d'autres collections

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

FAQ : Icône Dice Four

L'icône Dice Four 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 Four dans React ?

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

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

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

Voir toutes les Icônes Phosphor →