Иконка Loudspeaker
emojione:loudspeaker
Иконка Loudspeaker (emojione:loudspeaker) — бесплатная 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
- Категория
- Символы
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#42ade2" d="M54.2 15.2c2.2 5.4 2.8 11.2 2.9 16.8c-.1 5.6-.7 11.4-2.9 16.8c-.5-5.6-.2-11.3-.2-16.9c0-5.5-.2-11.2.2-16.7m4.2-8.4C61.1 15 61.9 23.5 62 32c-.1 8.4-.9 16.9-3.6 25.2c0-8.2.5-16.5.5-24.7c.1-8.6-.4-17.2-.5-25.7"/><path fill="#333" d="M18.2 52.4h-8.1l14.5-13.6h8.1z"/><path fill="#b0bdc6" d="M8.3 25.1c-1.6.1-3 .2-4.3.2c0 0-2.1 3.2-2.1 6.6S4 38.5 4 38.5c1.2 0 2.7.1 4.3.2c-.6-1.2-1.7-4-1.7-6.9c0-2.7 1.1-5.5 1.7-6.7"/><path fill="#ed4c5c" d="M42.2 4.9s-16 18-29.6 19.7c-.7 1.7-1.6 4.5-1.6 7.4s1 5.7 1.7 7.3C26.3 41 42.2 59 42.2 59z"/><path fill="#333" d="M12.7 24.6c-1.5.2-3 .3-4.3.5c-.6 1.2-1.7 4-1.7 6.9s1.2 5.7 1.7 6.9c1.4.1 2.8.3 4.3.5C12 37.6 11 34.8 11 32c0-2.9.9-5.7 1.7-7.4"/><ellipse cx="43.9" cy="31.9" fill="#aa1d39" rx="6.3" ry="28"/><path fill="#5b0617" d="M43.9 59.9c-3.5 0-6.3-12.5-6.3-28c5.3-4 12.4 4.9 12.4 4.9c-11 6-6.1 23.1-6.1 23.1"/><path fill="#333" d="M37.8 24.4s-.2 2.6-.2 7.5s.2 7.5.2 7.5l12.3-2.6v-9.7z"/><path fill="#4b4d4f" d="M37.7 26.8s-.1 1.8-.1 5.1c0 3.4.1 5.1.1 5.1l12.5-1.8v-6.6z"/><ellipse cx="50.2" cy="31.9" fill="#ed4c5c" rx="1.6" ry="4.9"/><path fill="#898a90" d="M10.1 28.2h8.1v24.2h-8.1z"/><ellipse cx="14.2" cy="32.5" fill="#fff" rx="1.7" ry="2"/></svg>
Как использовать иконку Loudspeaker
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:loudspeaker" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:loudspeaker" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:loudspeaker" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--loudspeaker]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:loudspeaker"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:loudspeaker"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/emojione/loudspeaker.svg" alt="Иконка Loudspeaker" width="24" height="24">
Иконка Loudspeaker в других наборах
Вопросы и ответы: Иконка Loudspeaker
Можно ли бесплатно использовать иконку Loudspeaker в коммерческих проектах?
Да. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Loudspeaker в React?
Установите @iconify/react и выведите <Icon icon="emojione:loudspeaker" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Loudspeaker на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione/loudspeaker.svg" alt="Иконка Loudspeaker">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Emoji One (Colored) →
ICONYZ
