Ikon Idiophone 24
qlementine-icons:idiophone-24
Ikon Idiophone 24 (qlementine-icons:idiophone-24) adalah ikon SVG gratis dari set Qlementine Icons karya Olivier Cléro. Ikon ini digambar pada grid 24 × 24. Qlementine 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
- Qlementine Icons
- Pembuat
- Olivier Cléro
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Kategori
- Instrumen
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8 12v1c0 .932 0 1.4-.152 1.77c-.203.49-.592.879-1.08 1.08c-.368.152-.833.152-1.77.152s-1.4 0-1.77-.152a2 2 0 0 1-1.08-1.08c-.152-.368-.152-.834-.152-1.77v-1h-1.5a.5.5 0 0 1 0-1h1.5V6h-1.5a.5.5 0 0 1 0-1h1.5V4c0-.932 0-1.4.152-1.77c.203-.49.592-.879 1.08-1.08c.368-.152.833-.152 1.77-.152s1.4 0 1.77.152c.49.203.879.592 1.08 1.08C8 2.598 8 3.063 8 4v1h1c0-.932 0-1.4.152-1.77c.203-.49.592-.879 1.08-1.08c.368-.152.834-.152 1.77-.152s1.4 0 1.77.152c.49.203.879.592 1.08 1.08c.152.368.152.833.152 1.77h1.01c.017-.327.054-.561.139-.765c.203-.49.592-.879 1.08-1.08c.368-.152.834-.152 1.77-.152s1.4 0 1.77.152c.49.203.879.592 1.08 1.08c.084.204.122.438.139.765h1.51a.5.5 0 0 1 0 1h-1.5v5h1.5a.5.5 0 0 1 0 1h-1.51c-.017.327-.054.562-.139.765c-.203.49-.592.879-1.08 1.08c-.368.152-.834.152-1.77.152s-1.4 0-1.77-.152a2 2 0 0 1-1.08-1.08c-.084-.204-.122-.438-.139-.765h-1.01c0 .932 0 1.4-.152 1.77c-.203.49-.592.879-1.08 1.08c-.368.152-.834.152-1.77.152s-1.4 0-1.77-.152a2 2 0 0 1-1.08-1.08C9 13.402 9 12.936 9 12zM7 4c0-.48 0-.789-.017-1.03c-.015-.228-.042-.315-.06-.356a1 1 0 0 0-.54-.541c-.042-.017-.128-.044-.356-.06c-.237-.016-.547-.016-1.03-.016s-.79 0-1.03.017c-.228.015-.315.042-.356.059a1 1 0 0 0-.541.541c-.017.042-.044.128-.06.356c-.016.237-.016.547-.016 1.03v9c0 .48 0 .789.016 1.03c.016.228.043.315.06.356c.1.245.296.44.54.541c.042.017.129.044.357.06c.237.016.547.016 1.03.016s.789 0 1.03-.017c.228-.015.315-.042.356-.059a1 1 0 0 0 .54-.541c.018-.042.045-.128.06-.356C7 13.793 7 13.483 7 13zm9 2v5h-1V6zm-2 6c0 .48 0 .789-.017 1.03c-.015.228-.042.315-.06.356a1 1 0 0 1-.54.541c-.042.017-.128.044-.356.06c-.237.016-.547.016-1.03.016s-.79 0-1.03-.017c-.228-.015-.315-.042-.356-.059a1 1 0 0 1-.541-.541c-.017-.042-.044-.128-.06-.356A17 17 0 0 1 9.995 12V5c0-.48 0-.789.017-1.03c.015-.228.042-.315.059-.356a1 1 0 0 1 .54-.541c.043-.017.129-.044.357-.06c.237-.016.547-.016 1.03-.016s.789 0 1.03.017c.228.015.315.042.356.059c.245.101.44.296.54.541c.018.042.045.128.06.356C14 4.207 14 4.517 14 5zm-5-1H8V6h1zm12 0V6c0-.48 0-.789-.017-1.03c-.015-.228-.042-.315-.06-.356a1 1 0 0 0-.54-.541c-.042-.017-.128-.044-.356-.06c-.237-.016-.547-.016-1.03-.016s-.79 0-1.03.017c-.228.015-.315.042-.356.059a1 1 0 0 0-.541.541c-.017.042-.044.128-.06.356c-.016.237-.016.547-.016 1.03v5c0 .48 0 .789.016 1.03c.016.228.043.315.06.356a1 1 0 0 0 .54.541c.042.017.129.044.357.06c.237.016.547.016 1.03.016s.789 0 1.03-.017c.228-.015.315-.042.356-.059a1 1 0 0 0 .54-.541c.018-.042.045-.128.06-.356C21 11.793 21 11.483 21 11" clip-rule="evenodd"/><path fill="currentColor" d="M2 20.5a.5.5 0 0 1 .5-.5H16c.118-1.06.97-1.9 2.04-1.99c.098-.009.214-.009.446-.009h2c.232 0 .348 0 .446.009c1.09.095 1.95.958 2.05 2.05c.009.098.009.214.009.446s0 .348-.009.446a2.26 2.26 0 0 1-2.05 2.05a5 5 0 0 1-.446.009h-2c-.232 0-.348 0-.446-.009a2.25 2.25 0 0 1-2.04-1.99H2.5a.5.5 0 0 1-.5-.5z"/></svg>Cara memakai ikon Idiophone 24
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:idiophone-24" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:idiophone-24" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:idiophone-24" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--idiophone-24]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:idiophone-24"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:idiophone-24"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/idiophone-24.svg" alt="Ikon Idiophone 24" width="24" height="24">Ikon terkait di Qlementine Icons
FAQ Ikon Idiophone 24
Apakah ikon Idiophone 24 gratis untuk penggunaan komersial?
Ya. Qlementine Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Idiophone 24 di React?
Pasang @iconify/react lalu render <Icon icon="qlementine-icons:idiophone-24" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Idiophone 24 ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/qlementine-icons/idiophone-24.svg" alt="Ikon Idiophone 24">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.