Ícone People Hugging

twemoji:people-hugging

O ícone People Hugging (twemoji:people-hugging) é um ícone SVG gratuito da coleção Twitter Emoji de Twitter. Ele é desenhado em uma grade de 36 × 36. Twitter Emoji 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: Twitter Emoji
Autor: Twitter
Licença: CC-BY-4.0
Tamanho: 36 × 36
Categoria: Pessoas e corpo
Tags: peoplehugging

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><ellipse cx="23" cy="8" fill="#55acee" rx="8" ry="6.75" transform="rotate(-78 23.001 8)"/><path fill="#269" d="M9.724 14.687v1.579c-2.414.525-5.381 1.851-5.829 3.741C2.493 25.919 2.87 35.081 2.87 35.212v.134c0 .654.663.654 1.316.654h16.097c.653 0 1.315 0 1.315-.654V20.007c0-1.719-1.413-3.438-4.632-3.834v-1.486z"/><path fill="#55acee" d="M26.276 13.303v2.963c2.414.525 5.381 1.851 5.829 3.741c1.401 5.913 1.025 15.075 1.025 15.205v.134c0 .654-.663.654-1.316.654H15.717c-.653 0-1.315 0-1.315-.654V20.007c0-1.719 1.413-3.438 4.632-3.834v-1.486z"/><ellipse cx="12.992" cy="8" fill="#269" rx="6.75" ry="8" transform="rotate(-12 12.992 8)"/><path fill="#55acee" d="M19.092 16.088c-1.31.381-3.441.546-5.898-.382c-2.593-.98-4.978-1.944-5.908-2.268c-.846-.295-3.005-.033-3.486.848s-.753 2.485.437 3.659s7.458 3.491 9.23 4.533c.928.546.874 3.823.928 6.499c.083 4.043 7.383-13.67 4.697-12.889"/><path fill="#269" d="M12.233 25.283c1.331.298 3.604.811 5.999-.269c2.527-1.14 4.712-2.732 5.619-3.113c.826-.347 2.571-.683 3.532.629c.594.81.907 2.434-.207 3.679c-1.115 1.246-5.497 3.919-8.739 4.702c-2.749.664-6.967.6-8.313-.793c-2.101-2.175.281-5.245 2.109-4.835m12.758-8.048c0-1.952 1.724-3.016 3.739-3.797c.835-.324 3.005-.033 3.486.848s.753 2.485-.437 3.659s-6.788 2.294-6.788-.71"/></svg>

Como usar o ícone People Hugging

React

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

<Icon icon="twemoji:people-hugging" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:people-hugging" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:people-hugging" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--people-hugging]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:people-hugging"></div>

Web component

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

<iconify-icon icon="twemoji:people-hugging"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/twemoji/people-hugging.svg" alt="Ícone People Hugging" width="24" height="24">

Ícones relacionados em Twitter Emoji

O ícone People Hugging em outras coleções

Perguntas frequentes sobre Ícone People Hugging

O ícone People Hugging é grátis para uso comercial?

Sim. Twitter Emoji 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 People Hugging no React?

Instale @iconify/react e renderize <Icon icon="twemoji:people-hugging" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone People Hugging a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/twemoji/people-hugging.svg" alt="Ícone People Hugging">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Twitter Emoji →