Ikon Injection
icon-park:injection
Ikon Injection (icon-park:injection) 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
- Kesehatan
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" fill-rule="evenodd" d="M38.1684 22.262L19.0766 41.3539L6.34863 28.626L25.4405 9.53409" clip-rule="evenodd"/><path stroke="#000" stroke-linejoin="round" stroke-width="4" d="M38.1684 22.262L19.0766 41.3539L6.34863 28.626L25.4405 9.53409"/><path stroke="#000" stroke-linecap="round" stroke-width="4" d="M21.9053 5.99854L41.7043 25.7975"/><path stroke="#fff" stroke-linecap="round" stroke-width="4" d="M14.834 28.626L19.0766 32.8686"/><path stroke="#000" stroke-linecap="round" stroke-width="4" d="M6.34961 41.353L12.7128 34.9898"/><path stroke="#000" stroke-linecap="round" stroke-width="4" d="M31.8047 15.8979L35.3394 12.3632"/></g></svg>
Cara memakai ikon Injection
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:injection" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:injection" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:injection" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--injection]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:injection"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:injection"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/injection.svg" alt="Ikon Injection" width="24" height="24">
Ikon Injection di set ikon lain
FAQ Ikon Injection
Apakah ikon Injection 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 Injection di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:injection" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Injection ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/injection.svg" alt="Ikon Injection">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
