Icono Prince
twemoji:prince
El icono Prince (twemoji:prince) 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
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffdc5d" d="M32 20c0-2.209-1.119-4-2.5-4c-.012 0-.021.005-.033.005C27.955 9.704 23.394 5.125 18 5.125s-9.956 4.58-11.467 10.88L6.5 16C5.119 16 4 17.791 4 20c0 2.107 1.021 3.815 2.314 3.97C7.537 30.619 12.299 35 18 35s10.463-4.381 11.685-11.03C30.979 23.815 32 22.107 32 20"/><path fill="#662113" d="M13 21a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1m10 0a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1"/><path fill="#c1694f" d="M18 31c-4.201 0-5.491-1.077-5.707-1.293a.999.999 0 0 1 1.376-1.45c.08.058 1.1.743 4.331.743c3.355 0 4.326-.739 4.336-.747c.39-.389 1.001-.37 1.393.021c.391.391.369 1.043-.021 1.434C23.491 29.923 22.201 31 18 31m1-5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#ffac33" d="M18 1c8 0 13 6 13 11s-1 7-2 5l-2-4s-6 0-8-2c0 0 3 6-3 0c0 0 1 4-5-1c0 0-3 2-4 7c-.277 1.387-2 0-2-5S9 1 18 1"/><path fill="#99aab5" d="M30.68 5.784a.5.5 0 0 0-.55.13L28.672 7.52l-2.349-4.743a.5.5 0 0 0-.432-.277a.48.48 0 0 0-.449.249l-2.066 3.565L18.355.183a.496.496 0 0 0-.772 0l-5.041 6.138l-2.12-3.576c-.091-.153-.24-.227-.436-.245a.5.5 0 0 0-.43.254L6.909 7.449l-.994-1.478A.5.5 0 0 0 5 6.25V9.5a.5.5 0 0 0 .5.5h25a.5.5 0 0 0 .5-.5V6.25a.5.5 0 0 0-.32-.466"/><path fill="#e1e8ed" d="m18 3l-2 2v2l2 2l2-2V5zm-7 3l-1 1.415L9 6l1-1.414zm16 0l-1 1.415L25 6l1-1.414z"/></svg>
Cómo usar el icono Prince
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:prince" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:prince" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:prince" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--prince]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:prince"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:prince"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/twemoji/prince.svg" alt="Icono Prince" width="24" height="24">
Iconos relacionados en Twitter Emoji
El icono Prince en otras colecciones
Preguntas frecuentes sobre Icono Prince
¿El icono Prince 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 Prince en React?
Instala @iconify/react y renderiza <Icon icon="twemoji:prince" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Prince a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/twemoji/prince.svg" alt="Icono Prince">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Twitter Emoji →
ICONYZ
