Ikon Block Ten
icon-park:block-ten
Ikon Block Ten (icon-park:block-ten) 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
- Game
- Tag
- blockten
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 6H36V18H24V6Z"/><path d="M24 6H36V18H24V6Z"/><path d="M12 6H24V18H12V6Z"/><path d="M12 30H24V42H12V30Z"/><path d="M12 18H24V30H12V18Z"/></g></svg>
Cara memakai ikon Block Ten
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:block-ten" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:block-ten" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:block-ten" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--block-ten]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:block-ten"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:block-ten"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/block-ten.svg" alt="Ikon Block Ten" width="24" height="24">
Ikon Block Ten di set ikon lain
FAQ Ikon Block Ten
Apakah ikon Block Ten 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 Block Ten di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:block-ten" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Block Ten ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/block-ten.svg" alt="Ikon Block Ten">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
