Иконка Voicemod Light

thesvg-color:voicemod-light

Иконка Voicemod Light (thesvg-color:voicemod-light) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 240 × 28. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 240 × 28
Теги: voicemodlight

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="240" height="28" viewBox="0 0 240 28"><g fill="none"><g clip-path="url(#SVGz3CcXdje)"><path fill="#3f3f3f" d="M24.157.378v12.955a.945.945 0 0 1-1.597.69L8.11.378H0l29.099 27.503a.437.437 0 0 0 .737-.32V.379h-5.68zm61.41 18.985L59.144.46a.437.437 0 0 0-.689.357v14.695a.95.95 0 0 1-1.013.948a.94.94 0 0 1-.481-.174L34.84.46a.435.435 0 0 0-.687.357V22.3h5.665l.008-9.434a.95.95 0 0 1 1.013-.948a.94.94 0 0 1 .481.175l22.123 15.826a.434.434 0 0 0 .69-.357V12.866a.95.95 0 0 1 1.012-.948a.94.94 0 0 1 .481.175l10.164 7.27zM104.52.378l-9.042 19.108h-.683L85.755.378h3.84l.396.274l4.58 10.056a.62.62 0 0 0 1.13 0L100.283.652l.39-.274zm10.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.558-5.41-6.558m17.372 16.207h-3.216l-.27-.272V.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.823H159.21l-.273-.272V.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.558-5.41-6.558m19.349 16.207h-5.937l-.275-.272V.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.279M197.688 19.48h-3.14l-.27-.272V8.566h-.27l-5.809 10.92h-.74l-5.808-10.92h-.27v10.642l-.27.273h-3.14l-.27-.273V.651l.27-.273h3.189l.275.273l5.844 10.906a.61.61 0 0 0 .553.342a.62.62 0 0 0 .554-.342L194.228.651l.275-.273h3.189l.275.273v18.557z"/></g><defs><clipPath id="SVGz3CcXdje"><path fill="#fff" d="M0 0h240v28H0z"/></clipPath></defs></g></svg>

Как использовать иконку Voicemod Light

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:voicemod-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:voicemod-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:voicemod-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--voicemod-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:voicemod-light"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:voicemod-light"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/voicemod-light.svg" alt="Иконка Voicemod Light" width="24" height="24">

Вопросы и ответы: Иконка Voicemod Light

Можно ли бесплатно использовать иконку Voicemod Light в коммерческих проектах?

Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Voicemod Light в React?

Установите @iconify/react и выведите <Icon icon="thesvg-color:voicemod-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Voicemod Light на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/voicemod-light.svg" alt="Иконка Voicemod Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG Color →