Icono Man Genie

twemoji:man-genie

El icono Man Genie (twemoji:man-genie) es un icono SVG gratuito de la colección Twitter Emoji de Twitter. Está dibujado en una cuadrícula de 36 × 36. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Twitter Emoji
Autor: Twitter
Licencia: CC-BY-4.0
Tamaño: 36 × 36
Categoría: Personas y cuerpo
Etiquetas: mangenie

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#88c9f9" d="M32 36v-2a6 6 0 0 0-6-6H10a6 6 0 0 0-6 6v2z"/><path fill="#88c9f9" d="M13.64 28.101c1.744 1.267 2.849 3.728 4.36 3.728s2.616-2.462 4.36-3.728V24.29h-8.72zm-2.196-12.166c0 1.448-.734 2.622-1.639 2.622C8.9 18.558 8 17.448 8 16c0-1.935.501-2.687 1.806-2.687c.905 0 1.638 1.174 1.638 2.622M28 16c0 1.448-.9 2.558-1.806 2.558c-.905 0-1.639-1.174-1.639-2.622s.734-2.623 1.639-2.623c1.352 0 1.806.752 1.806 2.687"/><path fill="#88c9f9" d="M9.478 16.96C9.478 11.371 11 5 18 5s8.522 6.371 8.522 11.96C26.522 22 24 27.08 18 27.08S9.478 22 9.478 16.96"/><path fill="#662113" d="M21.703 16.908h-.145a.84.84 0 0 1-.835-.835V15.02c0-.459.376-.835.835-.835h.145c.459 0 .835.376.835.835v1.053a.837.837 0 0 1-.835.835m-7.406 0h.145a.84.84 0 0 0 .835-.835V15.02a.84.84 0 0 0-.835-.835h-.145a.84.84 0 0 0-.835.835v1.053c0 .459.375.835.835.835"/><path fill="#269" d="M18.007 23.802c2.754 0 3.6-.706 3.741-.848a.655.655 0 0 0-.902-.951c-.052.038-.721.487-2.839.487c-2.2 0-2.836-.485-2.842-.49a.64.64 0 0 0-.913.013a.67.67 0 0 0 .014.94c.141.143.987.849 3.741.849"/><path fill="#55acee" d="M18.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="#744eaa" d="M12.016 27.95s-.157 6.817 3.987 6.817V36H8.984S8.77 30.076 10 28zm11.955 0s.157 6.817-3.987 6.817V36h7.019s.214-5.924-1.016-8zM18 8.934s7.149 1.858 8.245 5.204c.478-1.021.755-3.257.755-4.518C27 5.781 24 3 19.125 3h-2.25C12.75 3 9 5.781 9 9.62c0 1.262.277 3.664.754 4.684C10.851 10.957 18 8.934 18 8.934"/><g fill="#cbb7ea"><path d="M26.985 10.177c-1.396-1.115-3.044-2.037-4.612-2.559a.692.692 0 1 0-.438 1.313c1.666.555 3.495 1.666 4.882 2.935c.09-.623.151-1.328.168-1.689M9.117 11.311c2.007-1.436 8.723-5.759 16.398-5.819c-.473-.545-.984-.937-1.579-1.308c-6.706.498-12.428 3.839-14.931 5.522c.01.455.046 1.013.112 1.605"/><path d="M26.421 6.89c-.028-.004-.084 0-.113 0c-2.835 0-5.703.71-8.528 2.108c.139-.042.22-.064.22-.064s.815.212 1.937.621c2.126-.845 4.263-1.28 6.371-1.28a2.7 2.7 0 0 1 .573.052a6 6 0 0 0-.46-1.437M9.188 8.036c2.477-1.586 7.101-3.872 12.342-4.784C20.734 3.016 19.983 3 19.125 3H17.36c-2.725 1.059-5.152 1.857-7.022 2.887c-.536.678-.934 1.314-1.15 2.149"/></g><path fill="#ffd983" d="M18.112 5.887c.887 0 1.612.726 1.612 1.612V9.15c0 .887-.726 1.612-1.612 1.612A1.617 1.617 0 0 1 16.5 9.15V7.499c0-.887.726-1.612 1.612-1.612"/><path fill="#ffac33" d="M18.112 6.89c.484 0 .881.396.881.881v1.108a.884.884 0 0 1-.881.881a.884.884 0 0 1-.881-.881V7.771a.884.884 0 0 1 .881-.881"/><path d="M26.546 20.159a.374.374 0 0 0-.312-.428a.367.367 0 0 0-.428.312c-.01.064-1.072 6.251-7.231 6.625a6 6 0 0 0-.088-1.846a.5.5 0 1 0-.974.229c.002.009.178.784.052 1.627c-6.269-.28-7.328-6.37-7.37-6.636a.376.376 0 0 0-.741.116c.008.049.567 3.305 3.133 5.45c.007.017.026.04.07.078c.749.646 3.923 3.988 5.34 4.061v.001l.004-.001l.004.001v-.001c1.416-.073 4.591-3.415 5.34-4.061a.3.3 0 0 0 .07-.077c2.564-2.144 3.124-5.401 3.131-5.45"/></svg>

Cómo usar el icono Man Genie

React

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

<Icon icon="twemoji:man-genie" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:man-genie" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:man-genie" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="twemoji:man-genie"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/twemoji/man-genie.svg" alt="Icono Man Genie" width="24" height="24">

Iconos relacionados en Twitter Emoji

El icono Man Genie en otras colecciones

Preguntas frecuentes sobre Icono Man Genie

¿El icono Man Genie es gratis para uso comercial?

Sí. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Man Genie en React?

Instala @iconify/react y renderiza <Icon icon="twemoji:man-genie" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Man Genie a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/twemoji/man-genie.svg" alt="Icono Man Genie">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Twitter Emoji →