Icono Man Genie

openmoji:man-genie

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

Colección: OpenMoji
Autor: OpenMoji
Licencia: CC-BY-SA-4.0
Tamaño: 72 × 72
Categoría: Personas y cuerpo
Etiquetas: mangenie

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#92d3f5" d="m45.532 50.617l.797 2.48l-1.134 4.994l-5.181 5.675a23.97 23.97 0 0 0 14.937-4.112s2-13-10-13c-3.192 2.127-5.926 3.598-9 3.592h.125c-3.074.006-5.808-1.465-9-3.592c-12 0-10 13-10 13c9.978 6.02 14.368 3.708 28.119-1.562l.617-3.521l-24.068 1.35l5.31-.908"/><path fill="#92d3f5" d="M54.936 59.654s2-13-10-13c-3.192 2.127-5.927 3.598-9 3.592h.125c-3.074.006-5.808-1.465-9-3.592c-12 0-10 13-10 13"/><path fill="#61b2e4" d="M45.218 46.654a18 18 0 0 1-8.937 3.588c13.062.412 13.062 5.412 13.824 9.412h5.113s2-13-10-13"/><path fill="#61b2e4" d="M55.218 59.654s-11.756 9.026-20.737 2.963l10.714-4.525l1.134-4.995s8.977-2.464 8.89 6.557"/><ellipse cx="36.013" cy="30.154" fill="#92d3f5" rx="11.339" ry="14.173"/><path fill="#fff" d="M49.185 14.728c-13.172 4.117-24.51 13.518-24.51 13.518s-3.96-5.339-2.237-10.726c0 0 2.237-8.077 13.036-8.077c7.703 0 11.595 3.169 13.71 5.285c6.147 8.725-2.134 13.604-2.134 13.604a126 126 0 0 1-9.655-8.341"/><path fill="#3f3f3f" d="M36.042 46.938c5.018-.125 9.507-6.046 10.3-10.895c-3.247 5.68-8.615 4.61-8.615 4.61l-1.707-2.634l-1.706 2.634s-5.368 1.07-8.616-4.61c.794 4.85 5.283 10.77 10.3 10.896"/><path fill="#d0cfce" d="M49.185 14.728c6.146 8.725-2.135 13.604-2.135 13.604a126 126 0 0 1-9.655-8.341"/><path fill="#fcea2b" d="M36.014 25.82a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2m9.181 32.272l-4.412 1.831v-5.245h5.029z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M40.014 63.766a23.97 23.97 0 0 0 14.937-4.112s2-13-10-13c-3.192 2.127-5.926 3.598-9 3.592h.125c-3.074.006-5.808-1.465-9-3.592c-12 0-10 13-10 13c9.978 6.02 14.368 3.708 28.119-1.562l.617-3.521l-24.068 1.35"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m45.532 50.617l.797 2.48l-1.134 4.994M25.716 36.073a17 17 0 0 1-1.04-5.92a19 19 0 0 1 .11-2m22.46.05a18 18 0 0 1 .11 1.95a17 17 0 0 1-1.06 5.97"/><path d="M42.014 28.793a2 2 0 1 1-2-2a2 2 0 0 1 2 2m-8 0a2 2 0 1 1-2-2a2 2 0 0 1 2 2m1.999 10.002a7.65 7.65 0 0 1-3.447-.858a1 1 0 0 1 .895-1.789a5.38 5.38 0 0 0 5.105 0a1 1 0 0 1 .895 1.79a7.65 7.65 0 0 1-3.448.857"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M36.042 46.938c5.018-.125 9.507-6.046 10.3-10.895c-3.247 5.68-8.615 4.61-8.615 4.61l-1.707-2.634l-1.706 2.634s-5.368 1.07-8.616-4.61c.794 4.85 5.283 10.77 10.3 10.896m-1.982-25.166c-1.28.77-2.47 1.53-3.53 2.24c-3.13 2.09-5.21 3.75-5.7 4.14c-.07.06-.11.09-.11.09s-3.96-5.34-2.24-10.72c0 0 2.24-8.08 13.04-8.08c7.7 0 11.59 3.17 13.71 5.29c5.58 7.91-.72 12.65-1.94 13.47c-.13.09-.2.13-.2.13s-4.41-3.38-9.03-7.75"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M37.986 19.513a66.4 66.4 0 0 1 11.2-4.78"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M36.014 25.82a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h0a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2m4.769 29.151v4.748"/></svg>

Cómo usar el icono Man Genie

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

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

Iconos relacionados en OpenMoji

El icono Man Genie en otras colecciones

Preguntas frecuentes sobre Icono Man Genie

¿El icono Man Genie es gratis para uso comercial?

Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.

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

Instala @iconify/react y renderiza <Icon icon="openmoji: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/openmoji/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 OpenMoji →