Ikon Cube Five
icon-park:cube-five
Ikon Cube Five (icon-park:cube-five) 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
- cubefive
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M30 27L24 44"/><path d="M18 27L24 44"/><path d="M18 27L30 27"/><path d="M41 34L30 27"/><path d="M41 14L30 27"/><path d="M41 14L24 17"/><path d="M30 27L24 17"/><path d="M24 4V17"/><path d="M7 14L24 17"/><path d="M18 27L24 17"/><path d="M18 27L7 14"/><path d="M18 27L7 34"/><path d="M41.3207 14L24.0002 4L6.67969 14V34L24.0002 44L41.3207 34V14Z"/></g></svg>
Cara memakai ikon Cube Five
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:cube-five" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:cube-five" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:cube-five" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--cube-five]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:cube-five"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:cube-five"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/cube-five.svg" alt="Ikon Cube Five" width="24" height="24">
Ikon Cube Five di set ikon lain
FAQ Ikon Cube Five
Apakah ikon Cube Five 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 Cube Five di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:cube-five" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cube Five ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/cube-five.svg" alt="Ikon Cube Five">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
