Иконка Speaking Head

streamline-emojis:speaking-head

Иконка Speaking Head (streamline-emojis:speaking-head) — бесплатная SVG-иконка из набора Streamline Emojis от Streamline. Она нарисована на сетке 48 × 48. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Streamline Emojis
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Смайлы и люди
Теги: speakinghead

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M6.75 38.16a11.5 1.5 0 1 0 23 0a11.5 1.5 0 1 0-23 0" opacity=".15"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m34.54 24.05l3.14-4.47a.39.39 0 0 1 .6-.07l1.75 2a.39.39 0 0 1-.15.59L35 24.57a.35.35 0 0 1-.46-.52m.71 3.02l5.52-.78a.4.4 0 0 1 .48.38L41 29.31a.39.39 0 0 1-.54.29l-5.29-1.84a.35.35 0 0 1 .08-.69m.02 3.99l4.54 2a.37.37 0 0 1 .14.55l-1.65 2.04a.36.36 0 0 1-.57 0l-2.89-4.05a.35.35 0 0 1 .43-.54"/><path fill="#8ca4b8" d="M21.6 37.66H10.48a17.8 17.8 0 0 0 1.69-4.88a8.92 8.92 0 0 0-1.91-5.94A10.69 10.69 0 0 1 16.82 9c6.47-1.06 10.6 1.56 12.16-.63c.35 2.32-.13 4.21-1.74 5.51a7.5 7.5 0 0 1 .6 3.62a2.92 2.92 0 0 0 .79 2.24l1.61 1.67a1 1 0 0 1-.13 1.51l-1 .7a.61.61 0 0 0-.21.71l.26.66a1 1 0 0 1-.42 1.22L26 27.81a.78.78 0 0 0 0 1.34l2.34 1.5a1 1 0 0 1 .45 1c-.32 1-.62 2.36-2.25 2.3l-3.71-.15c-1.91.92-1.23 3.86-1.23 3.86"/><path fill="#adc4d9" d="M16.82 12.26c6.08-1 10.09 1.25 11.85-.29A6.75 6.75 0 0 0 29 8.34c-1.56 2.19-5.69-.43-12.16.63a10.73 10.73 0 0 0-9.34 9.31a11 11 0 0 0 0 2.94a10.73 10.73 0 0 1 9.32-8.96m11.02 5.21v-.92c-.76 2.24-.33 5.29.78 6.44l.55.57l.93-.67a1 1 0 0 0 .13-1.51l-1.61-1.67a2.92 2.92 0 0 1-.78-2.24"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.6 37.66H10.48a17.8 17.8 0 0 0 1.69-4.88a8.92 8.92 0 0 0-1.91-5.94A10.69 10.69 0 0 1 16.82 9c6.47-1.06 10.6 1.56 12.16-.63c.35 2.32-.13 4.21-1.74 5.51a7.5 7.5 0 0 1 .6 3.62a2.92 2.92 0 0 0 .79 2.24l1.61 1.67a1 1 0 0 1-.13 1.51l-1 .7a.61.61 0 0 0-.21.71l.26.66a1 1 0 0 1-.42 1.22L26 27.81a.78.78 0 0 0 0 1.34l2.34 1.5a1 1 0 0 1 .45 1c-.32 1-.62 2.36-2.25 2.3l-3.71-.15c-1.91.92-1.23 3.86-1.23 3.86"/></svg>

Как использовать иконку Speaking Head

React

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

<Icon icon="streamline-emojis:speaking-head" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:speaking-head" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:speaking-head" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--speaking-head]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:speaking-head"></div>

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

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

<iconify-icon icon="streamline-emojis:speaking-head"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-emojis/speaking-head.svg" alt="Иконка Speaking Head" width="24" height="24">

Иконка Speaking Head в других наборах

Вопросы и ответы: Иконка Speaking Head

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

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

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

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

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

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

Все Иконки Streamline Emojis →