ICONYZ
Bahasa Indonesia
Ikon Dice dari WebHostingHub Glyphs

Ikon Dice

whh:dice

Ikon Dice (whh:dice) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 960 × 959. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
WebHostingHub Glyphs
Pembuat
WebHostingHub
Lisensi
OFL-1.1
Ukuran
960 × 959
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="960" height="959" viewBox="0 0 960 959"><path fill="currentColor" d="M832 959H128q-53 0-90.5-37.5T0 831V127q0-53 37.5-90T128 0h704q53 0 90.5 37t37.5 90v704q0 53-37.5 90.5T832 959M224 127q-40 0-68 28.5t-28 68t28 67.5t68 28t68-28t28-67.5t-28-68t-68-28.5m0 512q-40 0-68 28t-28 68t28 68t68 28t68-28t28-68t-28-68t-68-28m256-256q-40 0-68 28.5t-28 68t28 67.5t68 28t68-28t28-67.5t-28-68t-68-28.5m256-256q-40 0-68 28.5t-28 68t28 67.5t68 28t68-28t28-67.5t-28-68t-68-28.5m0 512q-40 0-68 28t-28 68t28 68t68 28t68-28t28-68t-28-68t-68-28"/></svg>

Cara memakai ikon Dice

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon Dice di set ikon lain

FAQ Ikon Dice

Apakah ikon Dice gratis untuk penggunaan komersial?

Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Dice di React?

Pasang @iconify/react lalu render <Icon icon="whh: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/whh/dice.svg" alt="Ikon Dice">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon WebHostingHub Glyphs →