ICONYZ
Bahasa Indonesia
Ikon Game Die dari Fluent Emoji

Ikon Game Die

fluent-emoji:game-die

Ikon Game Die (fluent-emoji:game-die) adalah ikon SVG gratis dari set Fluent Emoji karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji 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
Fluent Emoji
Pembuat
Microsoft Corporation
Lisensi
MIT
Ukuran
32 × 32
Tag
gamedie
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iXzaneb)"><path fill="#DEDDDE" d="M4.293 6.355A3.01 3.01 0 0 0 2.37 9.16v13.632c0 1.234.754 2.343 1.901 2.796l10.435 4.129c.71.28 1.502.28 2.212 0l10.435-4.128a3.01 3.01 0 0 0 1.9-2.797V9.16a3.01 3.01 0 0 0-1.922-2.805L16.897 2.321a3 3 0 0 0-2.17 0z"/><path fill="url(#iT0SLcb)" d="M4.293 6.355A3.01 3.01 0 0 0 2.37 9.16v13.632c0 1.234.754 2.343 1.901 2.796l10.435 4.129c.71.28 1.502.28 2.212 0l10.435-4.128a3.01 3.01 0 0 0 1.9-2.797V9.16a3.01 3.01 0 0 0-1.922-2.805L16.897 2.321a3 3 0 0 0-2.17 0z"/><path fill="url(#iAYei8k)" d="M4.293 6.355A3.01 3.01 0 0 0 2.37 9.16v13.632c0 1.234.754 2.343 1.901 2.796l10.435 4.129c.71.28 1.502.28 2.212 0l10.435-4.128a3.01 3.01 0 0 0 1.9-2.797V9.16a3.01 3.01 0 0 0-1.922-2.805L16.897 2.321a3 3 0 0 0-2.17 0z"/></g><path fill="url(#isbQoDe)" d="M4.293 6.355A3.01 3.01 0 0 0 2.37 9.16v13.632c0 1.234.754 2.343 1.901 2.796l10.435 4.129c.71.28 1.502.28 2.212 0l10.435-4.128a3.01 3.01 0 0 0 1.9-2.797V9.16a3.01 3.01 0 0 0-1.922-2.805L16.897 2.321a3 3 0 0 0-2.17 0z"/><path fill="url(#i4JjoSb)" d="M4.293 6.355A3.01 3.01 0 0 0 2.37 9.16v13.632c0 1.234.754 2.343 1.901 2.796l10.435 4.129c.71.28 1.502.28 2.212 0l10.435-4.128a3.01 3.01 0 0 0 1.9-2.797V9.16a3.01 3.01 0 0 0-1.922-2.805L16.897 2.321a3 3 0 0 0-2.17 0z"/><g filter="url(#iXDhPvd)"><path fill="#C5C2C8" d="m4.076 24.223l9.882 4.003a1.348 1.348 0 0 0 1.854-1.25v-12.74c0-1.167-.702-2.22-1.78-2.667l-9.25-3.842a1.348 1.348 0 0 0-1.864 1.245v12.934c0 .926.44 1.779 1.158 2.317"/></g><g filter="url(#iGfkuHb)"><path fill="#F6F4F8" d="m27.444 23.192l-9.882 3.912c-.886.35-1.854-.287-1.854-1.221v-12.45c0-1.141.703-2.17 1.78-2.607l9.25-3.755c.887-.36 1.865.277 1.865 1.216v12.64a2.81 2.81 0 0 1-1.159 2.265"/></g><path fill="url(#i2dWWWd)" d="M29.25 9.013a1.4 1.4 0 0 0-1.891-.963l-9.788 4.01a3 3 0 0 0-1.863 2.776V28.07c0 .99 1 1.667 1.92 1.3l10.4-4.155a3 3 0 0 0 1.226-2.423V9.16q0-.074-.004-.147"/><path fill="url(#idBQftd)" d="m3.519 25.21l10.264 4.157a1.4 1.4 0 0 0 1.925-1.297V14.836a3 3 0 0 0-1.849-2.77L4.252 8.075a1.4 1.4 0 0 0-1.937 1.293v13.435c0 .962.458 1.847 1.204 2.406"/><ellipse cx="15.763" cy="6.465" fill="url(#i08AgQe)" rx="2.739" ry="1.158"/><ellipse cx="19.516" cy="24.171" fill="url(#iI5JrRd)" rx="1.511" ry="2.374" transform="rotate(23.406 19.516 24.17)"/><ellipse cx="19.516" cy="24.171" fill="url(#iTCSJib)" rx="1.511" ry="2.374" transform="rotate(23.406 19.516 24.17)"/><ellipse cx="22.643" cy="18.97" fill="url(#ibMuAHd)" rx="1.511" ry="2.374" transform="rotate(23.406 22.643 18.97)"/><ellipse cx="22.643" cy="18.97" fill="url(#ip3GV6D)" rx="1.511" ry="2.374" transform="rotate(23.406 22.643 18.97)"/><ellipse cx="25.788" cy="13.665" fill="url(#if1fxmd)" rx="1.511" ry="2.374" transform="rotate(23.406 25.788 13.665)"/><ellipse cx="25.788" cy="13.665" fill="url(#iDt6i4d)" rx="1.511" ry="2.374" transform="rotate(23.406 25.788 13.665)"/><ellipse fill="url(#i83SPHd)" rx="1.523" ry="2.562" transform="scale(-1 1)rotate(16.411 -51.058 -12.888)"/><ellipse fill="#5A867B" fill-opacity=".5" rx="1.523" ry="2.562" transform="scale(-1 1)rotate(16.411 -89.052 -30.65)"/><ellipse fill="url(#imk7bQb)" rx="1.523" ry="2.562" transform="scale(-1 1)rotate(16.411 -89.052 -30.65)"/><defs><radialGradient id="iAYei8k" cx="0" cy="0" r="1" gradientTransform="matrix(.82936 -1.83154 1.77065 .80179 14.603 30.137)" gradientUnits="userSpaceOnUse"><stop offset=".416" stop-color="#AB8CC8"/><stop offset="1" stop-color="#AB8CC8" stop-opacity="0"/></radialGradient><radialGradient id="i08AgQe" cx="0" cy="0" r="1" gradientTransform="matrix(4.66524 0 0 1.15767 13.497 6.465)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF647D"/><stop offset="1" stop-color="#E14065"/></radialGradient><radialGradient id="iI5JrRd" cx="0" cy="0" r="1" gradientTransform="rotate(77.214 -4.58 23.322)scale(3.6376 3.41209)" gradientUnits="userSpaceOnUse"><stop offset=".288" stop-color="#46377C"/><stop offset="1" stop-color="#4E306A"/></radialGradient><radialGradient id="iTCSJib" cx="0" cy="0" r="1" gradientTransform="matrix(.29036 1.4744 -1.24195 .24459 19.155 24.828)" gradientUnits="userSpaceOnUse"><stop stop-color="#65568A"/><stop offset="1" stop-color="#65568A" stop-opacity="0"/></radialGradient><radialGradient id="ibMuAHd" cx="0" cy="0" r="1" gradientTransform="rotate(77.214 .24 22.68)scale(3.6376 3.41209)" gradientUnits="userSpaceOnUse"><stop offset=".288" stop-color="#46377C"/><stop offset="1" stop-color="#4E306A"/></radialGradient><radialGradient id="ip3GV6D" cx="0" cy="0" r="1" gradientTransform="matrix(.29036 1.4744 -1.24195 .24459 22.282 19.627)" gradientUnits="userSpaceOnUse"><stop stop-color="#65568A"/><stop offset="1" stop-color="#65568A" stop-opacity="0"/></radialGradient><radialGradient id="if1fxmd" cx="0" cy="0" r="1" gradientTransform="rotate(77.214 5.134 21.997)scale(3.6376 3.41209)" gradientUnits="userSpaceOnUse"><stop offset=".288" stop-color="#46377C"/><stop offset="1" stop-color="#4E306A"/></radialGradient><radialGradient id="iDt6i4d" cx="0" cy="0" r="1" gradientTransform="matrix(.29036 1.4744 -1.24195 .24459 25.427 14.323)" gradientUnits="userSpaceOnUse"><stop stop-color="#65568A"/><stop offset="1" stop-color="#65568A" stop-opacity="0"/></radialGradient><radialGradient id="i83SPHd" cx="0" cy="0" r="1" gradientTransform="rotate(-76.666 3.596 1.516)scale(4.11785 2.44773)" gradientUnits="userSpaceOnUse"><stop stop-color="#3E284E"/><stop offset="1" stop-color="#40306F"/></radialGradient><radialGradient id="imk7bQb" cx="0" cy="0" r="1" gradientTransform="matrix(-.38561 -4.19901 3.0458 -.2797 1.291 4.666)" gradientUnits="userSpaceOnUse"><stop stop-color="#3E284E"/><stop offset="1" stop-color="#40306F"/></radialGradient><linearGradient id="iT0SLcb" x1="17.021" x2="17.021" y1="29.927" y2="25.506" gradientUnits="userSpaceOnUse"><stop stop-color="#BEA5D6"/><stop offset="1" stop-color="#BEA5D6" stop-opacity="0"/></linearGradient><linearGradient id="isbQoDe" x1="28.494" x2="25.057" y1="6.437" y2="11.375" gradientUnits="userSpaceOnUse"><stop stop-color="#FAF9FA"/><stop offset="1" stop-color="#FAF9FA" stop-opacity="0"/></linearGradient><linearGradient id="i4JjoSb" x1="8.884" x2="9.171" y1="4.201" y2="4.935" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><linearGradient id="i2dWWWd" x1="17.713" x2="30.291" y1="14.724" y2="24.884" gradientUnits="userSpaceOnUse"><stop stop-color="#E7E1ED"/><stop offset="1" stop-color="#E4DDEC"/></linearGradient><linearGradient id="idBQftd" x1="2.315" x2="14.452" y1="8.79" y2="29.471" gradientUnits="userSpaceOnUse"><stop stop-color="#B7B1BE"/><stop offset="1" stop-color="#AB9EBA"/></linearGradient><filter id="iXzaneb" width="27.334" height="27.958" x="2.07" y="2.119" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy=".15"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.807843 0 0 0 0 0.807843 0 0 0 0 0.807843 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3713"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.3" dy=".1"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.964706 0 0 0 0 0.964706 0 0 0 0 0.964706 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_3713" result="effect2_innerShadow_18_3713"/></filter><filter id="iXDhPvd" width="15.394" height="23.204" x="1.668" y="6.372" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_3713" stdDeviation=".625"/></filter><filter id="iGfkuHb" width="15.394" height="22.732" x="14.458" y="5.719" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_3713" stdDeviation=".625"/></filter></defs></g></svg>

Cara memakai ikon Game Die

React

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

<Icon icon="fluent-emoji:game-die" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:game-die" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:game-die" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--game-die]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:game-die"></div>

Web component

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

<iconify-icon icon="fluent-emoji:game-die"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/game-die.svg" alt="Ikon Game Die" width="24" height="24">

Ikon Game Die di set ikon lain

Ikon Game Die dari Dinkie Icons
Dinkie Icons
 Ikon Game Die dari Emoji One (Colored)
Emoji One (Colored)
 Ikon Game Die dari Emoji One (Monotone)
Emoji One (Monotone)
 Ikon Game Die dari Emoji One (v1)
Emoji One (v1)
 Ikon Game Die dari Fluent Emoji Flat
Fluent Emoji Flat
 Ikon Game Die dari Fluent Emoji High Contrast
Fluent Emoji High Contrast
 Ikon Game Die dari Noto Emoji
Noto Emoji
 Ikon Game Die dari Noto Emoji (v1)
Noto Emoji (v1)
 Ikon Game Die dari OpenMoji
OpenMoji
 Ikon Game Die dari Twitter Emoji
Twitter Emoji

FAQ Ikon Game Die

Apakah ikon Game Die gratis untuk penggunaan komersial?

Ya. Fluent Emoji icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Game Die di React?

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

Bagaimana cara menambahkan ikon Game Die ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji/game-die.svg" alt="Ikon Game Die">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Fluent Emoji →