ICONYZ
Русский
Иконка Speaker High Volume из набора Emoji One (Colored)

Иконка Speaker High Volume

emojione:speaker-high-volume

Иконка Speaker High Volume (emojione:speaker-high-volume) — бесплатная SVG-иконка из набора Emoji One (Colored) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Emoji One (Colored)
Автор
Emoji One
Лицензия
CC-BY-4.0
Размер
64 × 64
Категория
Символы
Теги
speakerhigh, highvolume, speakerhighvolume
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#42ade2"><path d="M51.4 7.4L48.8 10c7 4.8 11.5 12.9 11.5 22s-4.6 17.1-11.5 21.9l2.6 2.6C59.1 51 64 42.1 64 32S59 12.9 51.4 7.4"/><path d="M52.5 32c0 6.9-3.7 13-9.3 16.3l2.7 2.7c6.2-4 10.3-11 10.3-19s-4.1-15-10.4-19l-2.7 2.7c5.6 3.3 9.4 9.4 9.4 16.3"/><path d="M44.8 32c0 4.8-3.1 9-7.4 10.5l2.8 2.8c4.9-2.4 8.3-7.5 8.3-13.3c0-5.9-3.4-10.9-8.3-13.4l-2.8 2.8c4.3 1.6 7.4 5.7 7.4 10.6"/></g><path id="SVGwI8FKbsc" fill="#8b979e" d="M11.1 45H3.8C1.7 45 0 43.4 0 41.5v-19c0-2 1.7-3.5 3.8-3.5h7.3z"/><use href="#SVGwI8FKbsc"/><path fill="#b0bdc6" d="M29.8 2.2C31.1.9 11.1 19 11.1 19v26s10.3 7.9 18.7 16.8z"/><path fill="#333" d="M33 25.5v13.1c3.9 0 7-2.9 7-6.5c0-3.7-3.1-6.6-7-6.6m0 37c0 .8-.7 1.5-1.6 1.5s-1.6-.7-1.6-1.5v-61c0-.8.7-1.5 1.6-1.5S33 .7 33 1.5z"/><path fill="#8b979e" d="M11.1 40.2H3.8c-2.1 0-3.8-1-3.8-2.2V26c0-1.2 1.7-2.2 3.8-2.2h7.3z"/><path fill="#b0bdc6" d="M11.1 40.2H3.8c-2.1 0-3.8-1-3.8-2.2V26c0-1.2 1.7-2.2 3.8-2.2h7.3z"/><path fill="#dfe9ef" d="M29.8 13.3L11.1 23.8v16.4l18.7 10.5z"/><path fill="#8b979e" d="M29.8 13.3H33v37.5h-3.2z"/><path fill="#333" d="M3.8 19h7.3v26H3.8z"/></svg>

Как использовать иконку Speaker High Volume

React

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

<Icon icon="emojione:speaker-high-volume" width="24" />

Vue

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

<template>
  <Icon icon="emojione:speaker-high-volume" width="24" />
</template>

Svelte

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

<Icon icon="emojione:speaker-high-volume" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--speaker-high-volume]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:speaker-high-volume"></div>

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

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

<iconify-icon icon="emojione:speaker-high-volume"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/emojione/speaker-high-volume.svg" alt="Иконка Speaker High Volume" width="24" height="24">

Похожие иконки в наборе Emoji One (Colored)

Иконка Speaker High Volume в других наборах

Вопросы и ответы: Иконка Speaker High Volume

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

Да. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Speaker High Volume в React?

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

Как добавить иконку Speaker High Volume на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione/speaker-high-volume.svg" alt="Иконка Speaker High Volume">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Emoji One (Colored) →