Ícone Man Astronaut Light Skin Tone

twemoji:man-astronaut-light-skin-tone

O ícone Man Astronaut Light Skin Tone (twemoji:man-astronaut-light-skin-tone) é 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: manastronaut, astronautlight, lightskin, skintone, manastronautlightskintone

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M36 36v-2a6 6 0 0 0-6-6H14a6 6 0 0 0-6 6v2z"/><path fill="#ea596e" d="M29.799 28.127c0 1.36-3.491 2.434-7.799 2.434s-7.798-1.06-7.798-2.42c0-.062.015-.141.029-.141h-.734l-.705.099l.005 1.019c.114 2.405 4.186 3.392 9.204 3.392c4.997 0 9.054-1.009 9.199-3.413l.015-.974c-.001-.001-1.416-.058-1.416.004"/><path fill="#be1931" d="M22 24.632c-5.089 0-9.214 1.539-9.214 3.438s4.125 3.439 9.214 3.439s9.214-1.54 9.214-3.439s-4.125-3.438-9.214-3.438"/><path fill="#292f33" d="M22 30.533c-4.307 0-7.799-1.104-7.799-2.464s3.492-2.463 7.799-2.463s7.799 1.104 7.799 2.463c0 1.361-3.492 2.464-7.799 2.464"/><path fill="#f7dece" d="M17.64 27.938c1.744 1.267 2.848 1.511 4.36 1.511s2.615-.245 4.359-1.511v-3.812h-8.72z"/><path fill="#eec2ad" d="M17.632 25.973c1.216 1.374 2.724 1.746 4.364 1.746s3.146-.373 4.363-1.746v-3.491h-8.728v3.491z"/><path fill="#f7dece" d="M15.444 15.936c0 1.448-.734 2.622-1.639 2.622s-1.639-1.174-1.639-2.622s.734-2.623 1.639-2.623c.905-.001 1.639 1.174 1.639 2.623m16.389 0c0 1.448-.733 2.622-1.639 2.622c-.905 0-1.639-1.174-1.639-2.622s.733-2.623 1.639-2.623c.906-.001 1.639 1.174 1.639 2.623"/><path fill="#f7dece" d="M13.477 16.959c0-5.589 3.816-10.121 8.523-10.121s8.522 4.532 8.522 10.121S26.707 27.08 22 27.08c-4.706 0-8.523-4.531-8.523-10.121"/><path fill="#c1694f" d="M22 23.802c-2.754 0-3.6-.705-3.741-.848a.655.655 0 0 1 .902-.95c.052.037.721.487 2.839.487c2.2 0 2.836-.485 2.842-.49a.64.64 0 0 1 .913.015a.67.67 0 0 1-.014.938c-.141.143-.987.848-3.741.848"/><path fill="#292f33" d="M22 3.48c5.648 0 9.178 4.168 9.178 7.641s-.706 4.863-1.412 3.473l-1.412-2.778s-4.235 0-5.647-1.39c0 0 2.118 4.168-2.118 0c0 0 .706 2.779-3.53-.694c0 0-2.118 1.389-2.824 4.862c-.196.964-1.412 0-1.412-3.473C12.822 7.648 15.646 3.48 22 3.48"/><path fill="#662113" d="M18 17c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c0 .55-.45 1-1 1m8 0c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c0 .55-.45 1-1 1"/><path fill="#c1694f" d="M22.75 19.75h-1.5c-.413 0-.75-.337-.75-.75s.337-.75.75-.75h1.5c.413 0 .75.337.75.75s-.337.75-.75.75"/><path fill="#55acee" d="M33 33v3h3v-2c0-.341-.035-.674-.09-1z"/><path fill="#ffcc4d" d="M34 34h2v2h-2z"/><path fill="#e1e8ed" d="M24.004 36c-1.198-5.146-6.048-9-11.857-9S1.489 30.854.291 36z"/><path fill="#292f33" d="M22.669 36c-1.173-4.464-5.432-7.778-10.522-7.778S2.798 31.536 1.625 36z"/><path fill="#ffac33" d="M21.638 36c-1.148-3.937-4.956-6.833-9.49-6.833S3.805 32.063 2.657 36z"/><path fill="#ffdc5d" d="m18.195 35.049l.103-.063c.767-.467.928-1.538.3-2.182a8.5 8.5 0 0 0-1.566-1.268a8.2 8.2 0 0 0-1.784-.827c-.828-.272-1.711.232-1.866 1.092c-.119.66.225 1.346.855 1.577a5.8 5.8 0 0 1 2.232 1.474c.442.472 1.173.533 1.726.197"/><path fill="#9266cc" d="m6.344 14.262l-1.542-.571l-.6-2.2a.667.667 0 0 0-1.287 0l-.6 2.2l-1.542.571a.665.665 0 0 0 0 1.25l1.534.568l.605 2.414a.667.667 0 0 0 1.293.001l.605-2.414l1.534-.568a.665.665 0 0 0 .435-.625c0-.28-.173-.53-.435-.626"/><path fill="#5dadec" d="m11.28 4.634l-2.61-.966l-.966-2.61a1.103 1.103 0 0 0-2.07 0l-.966 2.61l-2.609.966a1.104 1.104 0 0 0-.001 2.07l2.609.966l.966 2.61a1.106 1.106 0 0 0 2.07 0l.966-2.61l2.61-.966a1.105 1.105 0 0 0 .001-2.07"/></svg>

Como usar o ícone Man Astronaut Light Skin Tone

React

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

<Icon icon="twemoji:man-astronaut-light-skin-tone" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:man-astronaut-light-skin-tone" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:man-astronaut-light-skin-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--man-astronaut-light-skin-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:man-astronaut-light-skin-tone"></div>

Web component

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

<iconify-icon icon="twemoji:man-astronaut-light-skin-tone"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/twemoji/man-astronaut-light-skin-tone.svg" alt="Ícone Man Astronaut Light Skin Tone" width="24" height="24">

Ícones relacionados em Twitter Emoji

O ícone Man Astronaut Light Skin Tone em outras coleções

Perguntas frequentes sobre Ícone Man Astronaut Light Skin Tone

O ícone Man Astronaut Light Skin Tone é 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 Man Astronaut Light Skin Tone no React?

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

Como adiciono o ícone Man Astronaut Light Skin Tone a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/twemoji/man-astronaut-light-skin-tone.svg" alt="Ícone Man Astronaut Light Skin Tone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Twitter Emoji →