Ikon Dice

hugeicons:dice

Ikon Dice (hugeicons:dice) adalah ikon SVG gratis dari set Huge Icons karya Hugeicons. Ikon ini digambar pada grid 24 × 24. Huge Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Huge Icons
Pembuat: Hugeicons
Lisensi: MIT
Ukuran: 24 × 24

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9.414 13.586C8.828 13 7.886 13 6 13s-2.828 0-3.414.586m6.828 0C10 14.172 10 15.114 10 17s0 2.828-.586 3.414m0-6.828Zm-6.828 0C2 14.172 2 15.114 2 17s0 2.828.586 3.414m0-6.828Zm0 6.828C3.172 21 4.114 21 6 21s2.828 0 3.414-.586m-6.828 0Zm6.828 0Zm5.808-15.136C16.74 6.797 17.5 7.556 17.5 8.5s-.76 1.703-2.278 3.222S12.944 14 12 14s-1.703-.76-3.222-2.278S6.5 9.444 6.5 8.5s.76-1.703 2.278-3.222S11.056 3 12 3s1.703.76 3.222 2.278Zm6.192 8.308C20.828 13 19.886 13 18 13s-2.828 0-3.414.586m6.828 0C22 14.172 22 15.114 22 17s0 2.828-.586 3.414m0-6.828Zm-6.828 0C14 14.172 14 15.114 14 17s0 2.828.586 3.414m0-6.828Zm0 6.828C15.172 21 16.114 21 18 21s2.828 0 3.414-.586m-6.828 0Zm6.828 0Z"/><path stroke-linecap="round" d="M12.125 8.5H12m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0Z"/></g></svg>

Cara memakai ikon Dice

React

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

<Icon icon="hugeicons:dice" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:dice" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:dice" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="hugeicons:dice"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/dice.svg" alt="Ikon Dice" width="24" height="24">

Ikon terkait di Huge Icons

Ikon Dice di set ikon lain

FAQ Ikon Dice

Apakah ikon Dice gratis untuk penggunaan komersial?

Ya. Huge Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Dice di React?

Pasang @iconify/react lalu render <Icon icon="hugeicons:dice" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Dice ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/hugeicons/dice.svg" alt="Ikon Dice">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Huge Icons →