Ikon Armonika
thesvg-color:armonika
Ikon Armonika (thesvg-color:armonika) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 150 × 150. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 150 × 150
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><g fill="none"><rect width="150" height="150" fill="url(#SVGPlJiKcPs)" rx="17"/><rect width="149" height="149" x=".5" y=".5" stroke="#000" stroke-opacity=".06" rx="16.5"/><path fill="#0a0c11" d="M87.182 23.916c-.404-1.062-1.6-1.927-2.659-1.927H73.62c-1.05 0-2.255.865-2.677 1.927L30.995 125.317c-.413 1.062.104 1.927 1.162 1.927h16.54c1.05 0 2.255-.865 2.66-1.927l7.039-18.233c.413-1.062 1.059-2.81 1.437-3.882l4.544-12.82a709 709 0 0 1 1.394-3.9l.379-1.043c.387-1.072.706-1.946.706-1.946s.318-.874.705-1.945l10.525-29.032c.387-1.072 1.024-1.072 1.403 0L91.683 86.49c.387 1.072.998 2.83 1.36 3.91l4.303 12.792c.361 1.081.998 2.829 1.402 3.891l7.04 18.233c.413 1.062 1.609 1.927 2.659 1.927h16.05c1.075 0 1.798-1.194 1.385-2.275z"/><path fill="#05f" d="M82.826 96.637c0 1.302-.97 2.358-2.168 2.358h-53.49c-1.197 0-2.168-1.056-2.168-2.358v-14.93c0-1.301.97-2.357 2.169-2.357h53.489c1.197 0 2.168 1.056 2.168 2.358z"/><defs><linearGradient id="SVGPlJiKcPs" x1="75" x2="75" y1="0" y2="247" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#ebebeb"/></linearGradient></defs></g></svg>Cara memakai ikon Armonika
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:armonika" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:armonika" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:armonika" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--armonika]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:armonika"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:armonika"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/armonika.svg" alt="Ikon Armonika" width="24" height="24">FAQ Ikon Armonika
Apakah ikon Armonika gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Armonika di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:armonika" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Armonika ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/armonika.svg" alt="Ikon Armonika">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.