Ícone Speaking Head
streamline-emojis:speaking-head
O ícone Speaking Head (streamline-emojis:speaking-head) é um ícone SVG gratuito da coleção Streamline Emojis de Streamline. Ele é desenhado em uma grade de 48 × 48. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Streamline Emojis
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Emoticons e pessoas
- Tags
- speakinghead
Código 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>Como usar o ícone 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>Web component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/speaking-head.svg" alt="Ícone Speaking Head" width="24" height="24">O ícone Speaking Head em outras coleções
Perguntas frequentes sobre Ícone Speaking Head
O ícone Speaking Head é grátis para uso comercial?
Sim. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Speaking Head no React?
Instale @iconify/react e renderize <Icon icon="streamline-emojis:speaking-head" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Speaking Head a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-emojis/speaking-head.svg" alt="Ícone Speaking Head">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.