Ikon Three Hexagons
icon-park:three-hexagons
Ikon Three Hexagons (icon-park:three-hexagons) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- IconPark
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Abstrak
- Tag
- threehexagons, hexagon
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M24 27L14 21L4 27V39L14 45L24 39V27Z"/><path d="M44 27L34 21L24 27V39L34 45L44 39V27Z"/><path d="M34 9L24 3L14 9V21L24 27L34 21V9Z"/></g></svg>
Cara memakai ikon Three Hexagons
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:three-hexagons" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:three-hexagons" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:three-hexagons" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--three-hexagons]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:three-hexagons"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:three-hexagons"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/three-hexagons.svg" alt="Ikon Three Hexagons" width="24" height="24">
Ikon Three Hexagons di set ikon lain
FAQ Ikon Three Hexagons
Apakah ikon Three Hexagons gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Three Hexagons di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:three-hexagons" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Three Hexagons ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/three-hexagons.svg" alt="Ikon Three Hexagons">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
