Ikon Volume 1 Bold
glyphs:volume-1-bold
Ikon Volume 1 Bold (glyphs:volume-1-bold) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs 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
- Glyphs
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- volumebold
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="M17.732 49.747a2 2 0 0 0-1.414-.586H6.146a2 2 0 0 1-2-2V33.168a2 2 0 0 1 2-2H16.32a2 2 0 0 0 1.413-.586l11-10.996c1.26-1.26 3.415-.367 3.415 1.415v38.327c0 1.782-2.154 2.674-3.414 1.415z" clip-rule="evenodd"/><path d="M32.147 21.17h2zm-3.414 39.573l-1.414 1.414zm-11-30.16l1.413 1.414zm-.001 19.164l-1.414 1.414zm-1.414-2.586H6.146v4h10.172zm-10.172 0V33.168h-4V47.16zm0-13.993H16.32v-4H6.146zm13-1.171l11-10.996l-2.827-2.83l-11 10.997zm11-10.996v.169h4V21zm0 .169v36.986h4V21.17zm0 36.986v1.172h4v-1.172zm0 1.172l-11-10.996l-2.828 2.829l11 10.996zm0 0l-2.827 2.83c2.52 2.519 6.828.734 6.828-2.83zm0-38.327h4c0-3.564-4.307-5.348-6.827-2.83zM16.32 33.168a4 4 0 0 0 2.827-1.171l-2.828-2.83zm-10.173 0v-4a4 4 0 0 0-4 4zm0 13.993h-4a4 4 0 0 0 4 4zm10.172 4l2.828-2.829a4 4 0 0 0-2.828-1.171zM41.395 30.91l1.85-1.682zm3.21 5.85l-2.42.63zm-6.018-11.222a2.5 2.5 0 0 0-2.45 4.359zm2.808 23.568l1.85 1.68zm-5.256 1.01a2.5 2.5 0 1 0 2.45 4.359zm8.465-6.861l-2.42-.63zm-5.06-10.665c1.299 1.43 2.192 3.073 2.64 4.8l4.84-1.259c-.663-2.548-1.963-4.904-3.779-6.903zm-3.407-2.693a13.6 13.6 0 0 1 3.407 2.693l3.701-3.362a18.6 18.6 0 0 0-4.658-3.69zm3.407 17.528a13.6 13.6 0 0 1-3.405 2.691l2.45 4.359a18.6 18.6 0 0 0 4.656-3.689zm2.64-4.8c-.448 1.727-1.341 3.37-2.64 4.8l3.701 3.361c1.816-1.998 3.117-4.355 3.779-6.903zm4.84 1.258c.663-2.55.663-5.202 0-7.752l-4.84 1.258a10.36 10.36 0 0 1 0 5.236z"/></g></svg>
Cara memakai ikon Volume 1 Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:volume-1-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:volume-1-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:volume-1-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--volume-1-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:volume-1-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:volume-1-bold"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/volume-1-bold.svg" alt="Ikon Volume 1 Bold" width="24" height="24">
FAQ Ikon Volume 1 Bold
Apakah ikon Volume 1 Bold gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Volume 1 Bold di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:volume-1-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Volume 1 Bold ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/volume-1-bold.svg" alt="Ikon Volume 1 Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs →
ICONYZ
