Ícone Person Frowning

noto-v1:person-frowning

O ícone Person Frowning (noto-v1:person-frowning) é um ícone SVG gratuito da coleção Noto Emoji (v1) de Google Inc. Ele é desenhado em uma grade de 128 × 128. Noto Emoji (v1) icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Noto Emoji (v1)
Autor: Google Inc
Licença: Apache-2.0
Tamanho: 128 × 128
Categoria: Pessoas e corpo
Tags: personfrowning

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><path id="SVGRGcJXxLt" d="M0 .21h128v128H0z"/></defs><clipPath id="SVGMdrEea7K"><use href="#SVGRGcJXxLt"/></clipPath><g clip-path="url(#SVGMdrEea7K)"><path fill="#444" d="M53.54 65.4c0 2.91-1.95 5.27-4.36 5.27s-4.37-2.36-4.37-5.27c0-2.92 1.96-5.27 4.37-5.27c2.41-.01 4.36 2.35 4.36 5.27m21.49 0c0 2.91 1.95 5.27 4.37 5.27c2.41 0 4.36-2.36 4.36-5.27c0-2.92-1.96-5.27-4.36-5.27c-2.42-.01-4.37 2.35-4.37 5.27"/><path fill="#6d4c41" d="M23.66 45.74s0 48.72 6.28 71.38c3.1 11.17 6.95 18.2 16.22 11.24l35.93-.36c9.25 7.06 15.88.29 17.87-11.17c4.71-27.07 4.71-71.09 4.71-71.09z"/><ellipse cx="64.29" cy="45.5" fill="#6d4c41" rx="40.51" ry="36.42"/><path fill="#651fff" d="M80.74 85.51c-5.7-1.08-27.77-1.08-33.47 0C29.22 88.94 16 96.9 16 113.88v57.83l48 .01l48-.01v-57.83c0-16.98-13.22-24.94-31.26-28.37"/><path d="M92.04 118.67h3.31V128h-3.31zm-59.62 0h3.31V128h-3.31z" opacity=".54"/><path fill="#e49800" d="M64.52 105.51c-6.08 0-10.9-4.93-10.9-11.01V85h21.8v9.5c0 6.08-4.82 11.01-10.9 11.01"/><path fill="#fbc11b" d="M64.29 17.86c-24.91 0-31.42 19.31-31.42 46.43s19.32 35.4 31.42 35.4s31.42-8.27 31.42-35.4s-6.52-46.43-31.42-46.43"/><path fill="#6d4c41" d="M73.79 39.13C70.48 42.31 54.03 57.14 31.37 61V30.62s9.78-19.41 33.26-19.41s33.26 19.9 33.26 19.9v29.9s-15.38-5.9-23.11-21.69a.625.625 0 0 0-.99-.19"/><path fill="#4c3734" d="M56.95 88.77c4.63-1.45 10.27-1.38 14.66 0c.8.25 1.2-.57.65-1.41c-.78-1.19-3.67-3.46-7.98-3.46s-7.2 2.28-7.98 3.46c-.55.85-.15 1.67.65 1.41"/><path fill="#e38b15" d="M68.85 75.75c-1.61.46-3.27.68-4.56.68s-2.96-.22-4.56-.68c-.69-.19-.96.46-.71.89c.51.9 2.56 2.71 5.27 2.71s4.76-1.81 5.27-2.71c.25-.43-.02-1.08-.71-.89"/><path fill="#444" d="M44.82 65.28c.01-.51.1-.99.22-1.45c.94-.12 1.94-.32 3.05-.65c1.63-.49 2.85-1.3 3.79-2.17c1.04.98 1.7 2.54 1.66 4.3c-.06 2.97-2.07 5.37-4.48 5.36s-4.3-2.42-4.24-5.39m38.93 0c-.01-.51-.1-.99-.22-1.45c-.94-.12-1.94-.32-3.05-.65a9.5 9.5 0 0 1-3.79-2.17c-1.04.98-1.7 2.54-1.66 4.3c.06 2.97 2.07 5.37 4.48 5.36s4.3-2.42 4.24-5.39"/></g></svg>

Como usar o ícone Person Frowning

React

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

<Icon icon="noto-v1:person-frowning" width="24" />

Vue

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

<template>
  <Icon icon="noto-v1:person-frowning" width="24" />
</template>

Svelte

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

<Icon icon="noto-v1:person-frowning" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--person-frowning]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:person-frowning"></div>

Web component

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

<iconify-icon icon="noto-v1:person-frowning"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/noto-v1/person-frowning.svg" alt="Ícone Person Frowning" width="24" height="24">

Ícones relacionados em Noto Emoji (v1)

O ícone Person Frowning em outras coleções

Perguntas frequentes sobre Ícone Person Frowning

O ícone Person Frowning é grátis para uso comercial?

Sim. Noto Emoji (v1) icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Person Frowning no React?

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

Como adiciono o ícone Person Frowning a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/noto-v1/person-frowning.svg" alt="Ícone Person Frowning">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Noto Emoji (v1) →