Ikon Volume On
vs:volume-on
Ikon Volume On (vs:volume-on) adalah ikon SVG gratis dari set Vesper Icons karya TableCheck. Ikon ini digambar pada grid 2016 × 1728. Vesper Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Vesper Icons
- Pembuat
- TableCheck
- Lisensi
- OFL-1.1
- Ukuran
- 2016 × 1728
- Tag
- volumeon
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2016" height="1728" viewBox="0 0 2016 1728"><path fill="currentColor" d="M920 216v1306q0 32-21.5 54.5T846 1599q-32 0-56-24l-400-399H76q-32 0-54-22t-22-54V638q0-32 22-54t54-22h314l400-400q25-25 56-25t52.5 23.5T920 216m459 654q0 91-49.5 170T1197 1151q-17 6-32 6q-32 0-54.5-22t-22.5-55q0-25 14.5-42.5t35-30t41-27.5t35-42.5T1228 870t-14.5-68.5t-35-43.5t-41-27.5t-35-30T1088 658q0-33 22.5-55.5T1165 580q13 0 32 7q83 32 132.5 111t49.5 172m311 0q0 182-102 336.5T1316 1433q-14 7-29 7q-31 0-54.5-23t-23.5-55q0-43 48-69q53-25 90-54q89-64 139.5-162t50.5-207q0-111-50-208.5T1347 499q-34-27-90-53q-48-26-48-72q0-31 23-54t53-23q17 0 31 7q170 72 272 227t102 339m307 0q0 276-152.5 506.5T1438 1716q-14 7-32 7q-32 0-54.5-22.5T1329 1646q0-46 47-71q8-6 27-13.5t27-12.5q50-25 101-60q146-109 229.5-273.5T1844 870q0-183-83-348t-230-274q-45-31-101-59q-8-5-26.5-13t-27.5-14q-47-25-47-69q0-31 22.5-54t54.5-23q4 0 32 7q254 109 406.5 339.5T1997 870"/></svg>Cara memakai ikon Volume On
React
import { Icon } from "@iconify/react";
<Icon icon="vs:volume-on" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:volume-on" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:volume-on" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--volume-on]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:volume-on"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:volume-on"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/vs/volume-on.svg" alt="Ikon Volume On" width="24" height="24">Ikon terkait di Vesper Icons
FAQ Ikon Volume On
Apakah ikon Volume On gratis untuk penggunaan komersial?
Ya. Vesper Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Volume On di React?
Pasang @iconify/react lalu render <Icon icon="vs:volume-on" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Volume On ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vs/volume-on.svg" alt="Ikon Volume On">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.