Ikon Hexes
game-icons:hexes
Ikon Hexes (game-icons:hexes) adalah ikon SVG gratis dari set Game Icons karya GameIcons. Ikon ini digambar pada grid 512 × 512. Game Icons dirilis di bawah lisensi CC BY 3.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Game Icons
- Pembuat
- GameIcons
- Lisensi
- CC-BY-3.0
- Ukuran
- 512 × 512
- Tag
- hex
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M18 18v61.193l25.22-7.142L56.886 18zm56.643 0L59.91 76.28l53.06 51.58l71.16-20.15L202.27 36l-18.5-18zm133.845 0l5.782 5.62L234.123 18zm104.27 0l42.453 41.27l71.158-20.15L431.715 18zm136.701 0l-6.43 25.33L494 92.842V18zm-159.328 2l-71.16 20.18l-18.16 71.74l53 51.57l71.25-20.16l18.138-71.71zm140.988 35.69l-71.228 20.15l-18.131 71.71l53.05 51.58L465.98 179l18.14-71.74zM47.891 88.62L18 97.083v133.191l64.81-18.355l18.13-71.71zm140.99 35.65l-71.192 20.16l-18.18 71.71l53.061 51.58l71.17-20.14l18.14-71.74zM494 138.408L482.68 183.2L494 194.203zM329.74 159.9L258.57 180l-18.14 71.74l53 51.57l71.19-20.16l18.19-71.67zm140.93 35.65l-71.19 20.15l-18.13 71.71L434.41 339L494 322.125V218.227zM87.49 228.49L18 248.168v91.406l33.23 32.276l71.18-20.07l18.13-71.71zm140.95 35.65l-71.19 20.16l-18.14 71.7l53.06 51.58l71.16-20.15l18.14-71.74zm140.9 35.62l-71.16 20.15l-18.14 71.74l53 51.57l71.19-20.16l18.14-71.71zM494 340.018l-54.92 15.543l-18.13 71.709l53.06 51.58l19.99-5.657zm-476 23.63v93.233l3.09-.881l18.14-71.71zm109.07 4.702L55.93 388.5l-18.12 71.74L72.515 494h81.154l8.332-2.36l18.13-71.71zM268.03 404l-71.22 20.15L179.185 494H311.36l9.72-38.44zm140.91 35.62l-71.13 20.15l-8.677 34.23h132.162l.705-2.79zM25.81 472.59L18 474.8V494h29.824zM494 487.73l-15.92 4.5l-.447 1.77H494z"/></svg>Cara memakai ikon Hexes
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:hexes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:hexes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:hexes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--hexes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:hexes"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:hexes"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/game-icons/hexes.svg" alt="Ikon Hexes" width="24" height="24">FAQ Ikon Hexes
Apakah ikon Hexes gratis untuk penggunaan komersial?
Ya. Game Icons dirilis di bawah lisensi CC BY 3.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Hexes di React?
Pasang @iconify/react lalu render <Icon icon="game-icons:hexes" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Hexes ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/game-icons/hexes.svg" alt="Ikon Hexes">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.