Icono Volume Small Bold
solar:volume-small-bold
El icono Volume Small Bold (solar:volume-small-bold) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Solar
- Autor
- 480 Design
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Vídeo
- Etiquetas
- volumesmall, smallbold, volumesmallbold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3.00312 11.7155C3.0421 9.87326 3.06159 8.95215 3.70045 8.16363C3.81705 8.0197 3.98814 7.8487 4.13153 7.73274C4.91718 7.09741 5.95444 7.09741 8.02898 7.09741C8.77015 7.09741 9.14074 7.09741 9.49401 7.00452C9.56741 6.98522 9.64004 6.96296 9.71173 6.93781C10.0567 6.81674 10.3661 6.60837 10.985 6.19161C13.4265 4.54738 14.6473 3.72527 15.672 4.08241C15.8684 4.15088 16.0586 4.24972 16.2284 4.37162C17.1142 5.00744 17.1815 6.48675 17.3161 9.44537C17.3659 10.5409 17.3999 11.4785 17.3999 12C17.3999 12.5215 17.3659 13.4591 17.3161 14.5546C17.1815 17.5132 17.1142 18.9926 16.2284 19.6284C16.0586 19.7503 15.8684 19.8491 15.672 19.9176C14.6473 20.2747 13.4265 19.4526 10.985 17.8084C10.3661 17.3916 10.0567 17.1833 9.71173 17.0622C9.64004 17.037 9.56741 17.0148 9.49401 16.9955C9.14074 16.9026 8.77016 16.9026 8.02898 16.9026C5.95444 16.9026 4.91718 16.9026 4.13153 16.2673C3.98814 16.1513 3.81705 15.9803 3.70045 15.8364C3.06159 15.0478 3.0421 14.1267 3.00312 12.2845C3.00107 12.1878 3 12.0928 3 12C3 11.9072 3.00107 11.8122 3.00312 11.7155Z"/><path fill-rule="evenodd" d="M19.4503 8.41595C19.7979 8.21871 20.2363 8.34663 20.4294 8.70166L19.8 9.0588C20.4294 8.70166 20.4294 8.70166 20.4294 8.70166L20.4301 8.70295L20.4308 8.70432L20.4324 8.7073L20.4361 8.71428L20.4454 8.73227C20.4523 8.74607 20.4609 8.76348 20.4707 8.78457C20.4904 8.82676 20.5153 8.88363 20.5435 8.95574C20.6 9.10004 20.6697 9.3049 20.7374 9.57476C20.8731 10.115 21 10.9119 21 12.0003C21 13.0888 20.8731 13.8857 20.7374 14.4259C20.6697 14.6958 20.6 14.9007 20.5435 15.045C20.5153 15.1171 20.4904 15.1739 20.4707 15.2161C20.4609 15.2372 20.4523 15.2546 20.4454 15.2684L20.4361 15.2864L20.4324 15.2934L20.4308 15.2964L20.4301 15.2978C20.4301 15.2978 20.4294 15.299 19.8 14.9419L20.4294 15.299C20.2363 15.6541 19.7979 15.782 19.4503 15.5847C19.1057 15.3892 18.9797 14.9474 19.1658 14.5938L19.1706 14.5838C19.1772 14.5697 19.1898 14.5415 19.2065 14.4987C19.24 14.4132 19.2903 14.2688 19.3426 14.0606C19.447 13.6448 19.56 12.9709 19.56 12.0003C19.56 11.0298 19.447 10.3559 19.3426 9.94007C19.2903 9.73193 19.24 9.58748 19.2065 9.50197C19.1898 9.45918 19.1772 9.43102 19.1706 9.41691L19.1658 9.40687C18.9797 9.05332 19.1057 8.61152 19.4503 8.41595Z" clip-rule="evenodd"/></g></svg>
Cómo usar el icono Volume Small Bold
React
import { Icon } from "@iconify/react";
<Icon icon="solar:volume-small-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:volume-small-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:volume-small-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--volume-small-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:volume-small-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:volume-small-bold"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/solar/volume-small-bold.svg" alt="Icono Volume Small Bold" width="24" height="24">
Iconos relacionados en Solar
Preguntas frecuentes sobre Icono Volume Small Bold
¿El icono Volume Small Bold es gratis para uso comercial?
Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Volume Small Bold en React?
Instala @iconify/react y renderiza <Icon icon="solar:volume-small-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Volume Small Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/volume-small-bold.svg" alt="Icono Volume Small Bold">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Solar →
