Ikon Firecracker Line
mingcute:firecracker-line
Ikon Firecracker Line (mingcute:firecracker-line) adalah ikon SVG gratis dari set MingCute Icon karya MingCute Design. Ikon ini digambar pada grid 24 × 24. MingCute Icon 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
- MingCute Icon
- Pembuat
- MingCute Design
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Tag
- firecrackerline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11 7a1 1 0 1 0 2 0zm4-3.111l-.175.984zm3.872-.399a1 1 0 0 0-1.744-.98L18 3zM16 7.5h-1v12h2v-12zm-8 12h1v-12H7v12zm8-12h-1c0-.182.102-.235.022-.164c-.078.069-.248.177-.545.288c-.585.22-1.46.376-2.477.376v2c1.193 0 2.317-.18 3.18-.503c.427-.16.843-.375 1.17-.665c.324-.288.65-.736.65-1.332zM12 9V8c-1.016 0-1.892-.156-2.477-.376c-.297-.11-.467-.219-.545-.288c-.08-.07.022-.018.022.164H7c0 .596.326 1.044.65 1.332c.327.29.743.505 1.17.665c.863.323 1.987.503 3.18.503zM8 7.5h1c0 .182-.102.235-.022.164c.078-.069.248-.177.545-.288C10.108 7.156 10.983 7 12 7V5c-1.193 0-2.317.18-3.18.503c-.427.16-.843.375-1.17.665C7.327 6.456 7 6.904 7 7.5zM12 6v1c1.016 0 1.892.156 2.477.376c.297.11.467.219.545.288c.08.07-.022.018-.022-.164h2c0-.596-.326-1.044-.65-1.332c-.328-.29-.743-.505-1.17-.665C14.317 5.18 13.193 5 12 5zm4 4.5h-1c0-.182.102-.235.022-.164c-.078.069-.248.177-.545.288c-.585.22-1.46.376-2.477.376v2c1.193 0 2.317-.18 3.18-.503c.427-.16.843-.375 1.17-.665c.324-.288.65-.736.65-1.332zM12 12v-1c-1.016 0-1.892-.156-2.477-.376c-.297-.11-.467-.219-.545-.288c-.08-.07.022-.018.022.164H7c0 .596.326 1.044.65 1.332c.327.29.743.505 1.17.665c.863.323 1.987.503 3.18.503zm4 7.5h-1c0-.182.102-.235.022-.164c-.078.069-.248.177-.545.288c-.585.22-1.46.376-2.477.376v2c1.193 0 2.317-.18 3.18-.503c.427-.16.843-.375 1.17-.665c.324-.288.65-.736.65-1.332zM12 21v-1c-1.016 0-1.892-.156-2.477-.376c-.297-.11-.467-.219-.545-.288c-.08-.07.022-.018.022.164H7c0 .596.326 1.044.65 1.332c.327.29.743.505 1.17.665c.863.323 1.987.503 3.18.503zm-4-1.5h1c0 .182-.102.235-.022.164c.078-.069.248-.177.545-.288c.585-.22 1.46-.376 2.477-.376v-2c-1.193 0-2.317.18-3.18.503c-.427.16-.843.375-1.17.665c-.324.288-.65.736-.65 1.332zm4-1.5v1c1.016 0 1.892.156 2.477.376c.297.11.467.219.545.288c.08.07-.022.018-.022-.164h2c0-.596-.326-1.044-.65-1.332c-.328-.29-.743-.505-1.17-.665C14.317 17.18 13.193 17 12 17zm0-11h1c0-.585.117-1.244.399-1.674a1 1 0 0 1 .463-.403c.188-.079.487-.134.963-.05L15 3.89l.175-.985c-.774-.137-1.475-.082-2.084.173a3 3 0 0 0-1.365 1.152C11.133 5.133 11 6.252 11 7zm3-3.111l-.175.984c1.069.19 1.931.243 2.63-.018c.784-.292 1.155-.9 1.417-1.365L18 3l-.872-.49c-.238.423-.31.448-.373.472c-.15.055-.536.108-1.58-.078z"/></svg>Cara memakai ikon Firecracker Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:firecracker-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:firecracker-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:firecracker-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--firecracker-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:firecracker-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:firecracker-line"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/mingcute/firecracker-line.svg" alt="Ikon Firecracker Line" width="24" height="24">Ikon terkait di MingCute Icon
FAQ Ikon Firecracker Line
Apakah ikon Firecracker Line gratis untuk penggunaan komersial?
Ya. MingCute Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Firecracker Line di React?
Pasang @iconify/react lalu render <Icon icon="mingcute:firecracker-line" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Firecracker Line ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mingcute/firecracker-line.svg" alt="Ikon Firecracker Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.