ICONYZ
Português (Brasil)
Ícone Volume On de Vesper Icons

Ícone Volume On

vs:volume-on

O ícone Volume On (vs:volume-on) é um ícone SVG gratuito da coleção Vesper Icons de TableCheck. Ele é desenhado em uma grade de 2016 × 1728. Vesper Icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Vesper Icons
Autor
TableCheck
Licença
OFL-1.1
Tamanho
2016 × 1728
Tags
volumeon
Baixar SVG

Código 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>

Como usar o ícone 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>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/vs/volume-on.svg" alt="Ícone Volume On" width="24" height="24">

Ícones relacionados em Vesper Icons

Ícone volume-times
volume-times

Perguntas frequentes sobre Ícone Volume On

O ícone Volume On é grátis para uso comercial?

Sim. Vesper Icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Volume On no React?

Instale @iconify/react e renderize <Icon icon="vs:volume-on" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Volume On a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/vs/volume-on.svg" alt="Ícone Volume On">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Vesper Icons →