Ikon Creative
icon-park:creative
Ikon Creative (icon-park:creative) 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
- Lainnya
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M42 39V9.00003C42 7.34317 40.6569 6.00003 39 6.00003L9 6C7.34314 6 5.99999 7.34315 6 9.00001L6.00006 39C6.00006 40.6569 7.3432 42 9.00005 42H39C40.6569 42 42 40.6569 42 39Z"/><path fill="#43CCF8" stroke="#fff" d="M23.9994 18.3159L21.1038 24.2264L14.5264 25.1801L19.2911 29.8383L18.1521 36.3159L23.9994 33.1987L29.8479 36.3159L28.7173 29.8383L33.4737 25.1801L26.9328 24.2264L23.9994 18.3159Z"/><path stroke="#fff" stroke-linecap="round" d="M18.3159 12.6316H29.6843"/></g></svg>Cara memakai ikon Creative
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:creative" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:creative" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:creative" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--creative]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:creative"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:creative"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/creative.svg" alt="Ikon Creative" width="24" height="24">Ikon Creative di set ikon lain
FAQ Ikon Creative
Apakah ikon Creative 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 Creative di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:creative" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Creative ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/creative.svg" alt="Ikon Creative">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.