Иконка Voice Background
token-branded:voice-background
Иконка Voice Background (token-branded:voice-background) — бесплатная SVG-иконка из набора Web3 Icons Branded от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Web3 Icons Branded
- Автор
- 0xa3k5
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- voicebackground
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="url(#SVGGGV8derj)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12 19.53c4.212 0 7.53-3.318 7.53-7.53S16.211 4.47 12 4.47S4.47 7.789 4.47 12s3.318 7.53 7.53 7.53m0 .47a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clip-rule="evenodd"/><path fill="#fff" d="M11.92 11.059v2.353h.55v-2.353zm.033-.4a.36.36 0 0 0 .254.094a.34.34 0 0 0 .25-.094a.33.33 0 0 0 .094-.236a.27.27 0 0 0-.094-.216a.35.35 0 0 0-.25-.09a.36.36 0 0 0-.254.095a.3.3 0 0 0-.094.22q.001.134.094.227m2.137 2.753c-.245 0-.462-.047-.655-.151a1.15 1.15 0 0 1-.597-1.026a1.14 1.14 0 0 1 .597-1.026c.189-.098.41-.15.654-.15c.222 0 .424.047.593.14q.256.13.391.392l-.414.244a.66.66 0 0 0-.574-.32a.76.76 0 0 0-.363.085a.6.6 0 0 0-.249.25a.77.77 0 0 0-.094.385c0 .146.033.278.094.386a.63.63 0 0 0 .25.245a.75.75 0 0 0 .682.01a.65.65 0 0 0 .254-.24l.414.235a.94.94 0 0 1-.39.404a1.23 1.23 0 0 1-.598.137zm2.47 0a1.4 1.4 0 0 1-.677-.151a1.2 1.2 0 0 1-.448-.423a1.2 1.2 0 0 1-.155-.603a1.12 1.12 0 0 1 .574-1.026c.189-.098.39-.15.621-.15c.226 0 .424.047.603.146c.174.094.315.235.414.414c.131.24.181.515.141.786h-1.812c.014.08.047.155.085.22c.061.104.15.189.268.245a.9.9 0 0 0 .396.085a.9.9 0 0 0 .352-.06a.7.7 0 0 0 .278-.19l.287.33a1 1 0 0 1-.39.283a1.5 1.5 0 0 1-.537.094m-.668-1.6a.8.8 0 0 0-.075.235h1.317a.62.62 0 0 0-.315-.47a.63.63 0 0 0-.344-.09a.7.7 0 0 0-.348.09a.63.63 0 0 0-.235.235m-5.647 1.6a1.3 1.3 0 0 1-.635-.151a1.16 1.16 0 0 1-.598-1.026a1.14 1.14 0 0 1 .598-1.026c.188-.098.395-.15.635-.15c.235 0 .452.047.635.15c.188.1.33.236.438.414c.103.175.16.377.16.612a1.15 1.15 0 0 1-.598 1.026q-.282.15-.635.15m0-.462q.198 0 .353-.084a.6.6 0 0 0 .244-.25a.8.8 0 0 0 .09-.38a.76.76 0 0 0-.094-.387a.6.6 0 0 0-.24-.25a.7.7 0 0 0-.353-.084a.63.63 0 0 0-.598.334a.8.8 0 0 0-.09.386a.75.75 0 0 0 .095.377a.64.64 0 0 0 .593.338M6.372 11.06l.988 2.353h.565l.988-2.353h-.518l-.743 1.74l-.72-1.74h-.565z"/></g><defs><linearGradient id="SVGGGV8derj" x1="16.781" x2="5.073" y1="16.278" y2="8.066" gradientUnits="userSpaceOnUse"><stop stop-color="#d7b1e3"/><stop offset="1" stop-color="#fc0c34"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Voice Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:voice-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:voice-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:voice-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--voice-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:voice-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:voice-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/voice-background.svg" alt="Иконка Voice Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Voice Background
Можно ли бесплатно использовать иконку Voice Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Voice Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:voice-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Voice Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/voice-background.svg" alt="Иконка Voice Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.