Ikon Fireworks
openmoji:fireworks
Ikon Fireworks (openmoji:fireworks) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- OpenMoji
- Pembuat
- OpenMoji
- Lisensi
- CC-BY-SA-4.0
- Ukuran
- 72 × 72
- Kategori
- Aktivitas
- Tag
- firework
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g stroke="#000" stroke-width="2"><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="M35 38.915h2v25h-2z"/><path fill="none" stroke-linecap="round" stroke-miterlimit="10" d="M15.995 32.911h0m39.994-.009h0M35.978 12.915h0"/><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="m21.849 18.771l9.9 9.9m8.485-.001l9.899-9.899m0 28.284l-9.899-9.899m-8.485 0l-9.9 9.899"/><path fill="none" stroke-linecap="round" stroke-miterlimit="10" d="M29.991 32.913h-9m15-15v9m15 6h-9m-28.904-9.486l6.556 2.716M13.088 42.41l6.556-2.717m6.869 16.137l2.714-6.557m16.268 6.552l-2.718-6.556m16.136-6.873l-6.558-2.712m6.548-16.269l-6.554 2.719M45.472 10l-2.711 6.558m-16.269-6.534l2.724 6.553"/><path stroke-linejoin="round" d="m36 34.315l1.7 1.215l-.631-1.992l1.681-1.24l-2.089-.016L36 30.3l-.661 1.982l-2.089.016l1.681 1.24l-.631 1.992z"/></g><g stroke-width="2"><path fill="none" stroke="#d22f27" stroke-linecap="round" stroke-linejoin="round" d="M35 38.915h2v25h-2z"/><path fill="none" stroke="#fcea2b" stroke-linecap="round" stroke-miterlimit="10" d="M15.995 32.911h0"/><path fill="none" stroke="#f1b31c" stroke-linecap="round" stroke-miterlimit="10" d="M55.989 32.902h0M35.978 12.915h0"/><path fill="none" stroke="#e27022" stroke-linecap="round" stroke-linejoin="round" d="m21.849 18.771l9.9 9.9"/><path fill="none" stroke="#61b2e4" stroke-linecap="round" stroke-linejoin="round" d="m40.234 28.67l9.899-9.899"/><path fill="none" stroke="#f1b31c" stroke-linecap="round" stroke-linejoin="round" d="m50.133 47.055l-9.899-9.899"/><path fill="none" stroke="#e67a94" stroke-linecap="round" stroke-linejoin="round" d="m31.749 37.156l-9.9 9.899"/><path fill="none" stroke="#d0cfce" stroke-linecap="round" stroke-miterlimit="10" d="M29.991 32.913h-9"/><path fill="none" stroke="#8967aa" stroke-linecap="round" stroke-miterlimit="10" d="M35.991 17.913v9"/><path fill="none" stroke="#ea5a47" stroke-linecap="round" stroke-miterlimit="10" d="M50.991 32.913h-9"/><path fill="none" stroke="#b399c8" stroke-linecap="round" stroke-miterlimit="10" d="m13.087 23.427l6.556 2.716"/><path fill="none" stroke="#92d3f5" stroke-linecap="round" stroke-miterlimit="10" d="m13.088 42.41l6.556-2.717"/><path fill="none" stroke="#b1cc33" stroke-linecap="round" stroke-miterlimit="10" d="m26.513 55.83l2.714-6.557"/><path fill="none" stroke="#ffa7c0" stroke-linecap="round" stroke-miterlimit="10" d="m45.495 55.825l-2.718-6.556"/><path fill="none" stroke="#b399c8" stroke-linecap="round" stroke-miterlimit="10" d="m58.913 42.396l-6.558-2.712"/><path fill="none" stroke="#b1cc33" stroke-linecap="round" stroke-miterlimit="10" d="m58.903 23.415l-6.554 2.719"/><path fill="none" stroke="#a57939" stroke-linecap="round" stroke-miterlimit="10" d="m45.472 10l-2.711 6.558"/><path fill="none" stroke="#fcea2b" stroke-linecap="round" stroke-miterlimit="10" d="m26.492 10.024l2.724 6.553"/><path fill="#d22f27" stroke="#d22f27" stroke-linejoin="round" d="m36 34.315l1.7 1.215l-.631-1.992l1.681-1.24l-2.089-.016L36 30.3l-.661 1.982l-2.089.016l1.681 1.24l-.631 1.992z"/></g><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M35 58.915v-20h2"/></svg>Cara memakai ikon Fireworks
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:fireworks" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:fireworks" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:fireworks" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--fireworks]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:fireworks"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:fireworks"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/openmoji/fireworks.svg" alt="Ikon Fireworks" width="24" height="24">Ikon Fireworks di set ikon lain
FAQ Ikon Fireworks
Apakah ikon Fireworks gratis untuk penggunaan komersial?
Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Fireworks di React?
Pasang @iconify/react lalu render <Icon icon="openmoji:fireworks" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Fireworks ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/fireworks.svg" alt="Ikon Fireworks">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.