Ícone Voicemod Dark
thesvg-color:voicemod-dark
O ícone Voicemod Dark (thesvg-color:voicemod-dark) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 240 × 28. theSVG Color icons são publicados sob a licença MIT, 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
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 240 × 28
- Tags
- voicemoddark
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="28" viewBox="0 0 240 28"><defs><filter id="SVG70vUqbqX"><feColorMatrix in="SourceGraphic" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"/></filter></defs><g fill="none" fill-rule="evenodd" filter="url(#SVG70vUqbqX)" transform="translate(-134 -25)"><path fill="#000" fill-rule="nonzero" d="M158.157 25.378v12.955a.945.945 0 0 1-1.597.69l-14.45-13.645H134l29.099 27.503a.437.437 0 0 0 .737-.32V25.379h-5.68Zm61.41 18.985L193.144 25.46a.437.437 0 0 0-.689.357v14.695a.95.95 0 0 1-.512.845a.94.94 0 0 1-.982-.071L168.84 25.46a.435.435 0 0 0-.687.357V47.3h5.665l.008-9.434a.95.95 0 0 1 .512-.845a.94.94 0 0 1 .982.072l22.123 15.826a.434.434 0 0 0 .69-.357V37.866a.95.95 0 0 1 .511-.845a.94.94 0 0 1 .982.072l10.164 7.27zm18.953-18.985l-9.042 19.108h-.683l-9.04-19.108h3.84l.396.274l4.58 10.056a.619.619 0 0 0 1.13 0l4.582-10.056l.39-.274h3.846Zm10.507 19.298c-5.68 0-9.194-4.1-9.194-9.84c0-5.738 3.513-9.836 9.194-9.836s9.195 4.098 9.195 9.837s-3.513 9.839-9.195 9.839m0-16.397c-3.513 0-5.41 2.734-5.41 6.558s1.895 6.56 5.41 6.56s5.41-2.734 5.41-6.56c0-3.828-1.892-6.559-5.41-6.559m17.372 16.208h-3.216l-.27-.272V25.651l.27-.273h3.216l.267.273v18.563zm18.427-5.822l.27-.273h3.252l.273.273c-.543 3.827-3.525 6.012-7.861 6.012c-5.963 0-9.215-4.1-9.215-9.84c0-5.738 3.252-9.836 9.215-9.836c4.336 0 7.317 2.185 7.86 5.74l-.272.272h-3.252l-.27-.273q-.813-2.463-4.066-2.46c-3.793 0-5.422 2.733-5.422 6.558s1.629 6.56 5.422 6.56c2.169 0 3.524-.822 4.066-2.734m21.162 5.823H293.21l-.273-.272V25.651l.273-.273h12.778l.272.273v2.73l-.272.273h-8.973l-.272.272v3.823l.272.272h8.428l.271.273v2.73l-.271.272h-8.428l-.272.276v4.367l.272.273h8.973l.272.272v2.73zm39.488.19c-5.678 0-9.193-4.1-9.193-9.84c0-5.738 3.513-9.836 9.193-9.836c5.681 0 9.196 4.098 9.196 9.837s-3.516 9.839-9.196 9.839m0-16.397c-3.512 0-5.408 2.734-5.408 6.558s1.894 6.56 5.408 6.56s5.41-2.734 5.41-6.56c0-3.828-1.893-6.559-5.41-6.559m19.349 16.208h-5.937l-.275-.272V25.651l.275-.273h5.937c6.747 0 9.175 3.545 9.175 9.553s-2.428 9.555-9.175 9.555m.269-15.833h-2.43l-.269.273v12.013l.27.273h2.429c3.78 0 5.129-1.913 5.129-6.28c0-4.368-1.35-6.279-5.129-6.279M331.688 44.48h-3.14l-.27-.272V33.566h-.27l-5.809 10.92h-.74l-5.808-10.92h-.27v10.642l-.27.273h-3.14l-.27-.273V25.651l.27-.273h3.189l.275.273l5.844 10.906a.619.619 0 0 0 1.107 0l5.842-10.906l.275-.273h3.189l.275.273v18.557l-.28.273Z"/></g></svg>Como usar o ícone Voicemod Dark
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:voicemod-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:voicemod-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:voicemod-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--voicemod-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:voicemod-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:voicemod-dark"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/voicemod-dark.svg" alt="Ícone Voicemod Dark" width="24" height="24">Ícones relacionados em theSVG Color
Perguntas frequentes sobre Ícone Voicemod Dark
O ícone Voicemod Dark é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Voicemod Dark no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:voicemod-dark" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Voicemod Dark a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/voicemod-dark.svg" alt="Ícone Voicemod Dark">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.