Ikon Trumpet
pinhead:trumpet
Ikon Trumpet (pinhead:trumpet) adalah ikon SVG gratis dari set Pinhead Map Icons karya Quincy Morgan. Ikon ini digambar pada grid 15 × 15. Pinhead Map Icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Pinhead Map Icons
- Pembuat
- Quincy Morgan
- Lisensi
- CC0-1.0
- Ukuran
- 15 × 15
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M15 1v9c-3.21 0-3.35-4-5.5-4H7.53C8.9 6.01 10 7.13 10 8.5v2A2.5 2.5 0 0 1 7.5 13h-4A2.5 2.5 0 0 1 1 10.5v-2c0-1.33 1.03-2.41 2.34-2.49L3.47 6H1c0 .51-.39.94-.88.99L0 7V4c.51 0 .94.39.99.88L1 5h3V3h1v2h1V3h1v2h2.5c2.15 0 2.29-4 5.5-4M4 6l-.21.11A3.2 3.2 0 0 0 2.01 8.8L2 9c0 1.1.9 2 2 2h3c1.1 0 2-.9 2-2c0-1.23-.69-2.35-1.79-2.89L7 6v2H6V6H5v2H4z"/></svg>Cara memakai ikon Trumpet
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:trumpet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:trumpet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:trumpet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--trumpet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:trumpet"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:trumpet"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/pinhead/trumpet.svg" alt="Ikon Trumpet" width="24" height="24">Ikon Trumpet di set ikon lain
FAQ Ikon Trumpet
Apakah ikon Trumpet gratis untuk penggunaan komersial?
Ya. Pinhead Map Icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Trumpet di React?
Pasang @iconify/react lalu render <Icon icon="pinhead:trumpet" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Trumpet ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/pinhead/trumpet.svg" alt="Ikon Trumpet">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.