Icono Princess 2
streamline-emojis:princess-2
El icono Princess 2 (streamline-emojis:princess-2) es un icono SVG gratuito de la colección Streamline Emojis de Streamline. Está dibujado en una cuadrícula de 48 × 48. Streamline Emojis 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
- Streamline Emojis
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 48 × 48
- Categoría
- Emoticonos y personas
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M5.5 45.5a18.5 1.5 0 1 0 37 0a18.5 1.5 0 1 0-37 0" opacity=".15"/><path fill="#a86c4d" d="M28.88 41.47A10.06 10.06 0 0 0 37 45.35c3.83 0 5.51-1.85 6.18-3a.5.5 0 0 0-.45-.76a2.22 2.22 0 0 1-2.56-2.43v-17A16.21 16.21 0 0 0 24 5.93a16.21 16.21 0 0 0-16.2 16.2v17.05a2.22 2.22 0 0 1-2.56 2.43a.5.5 0 0 0-.45.76c.67 1.13 2.35 3 6.18 3a10.06 10.06 0 0 0 8.15-3.88Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.88 41.47A10.06 10.06 0 0 0 37 45.35c3.83 0 5.51-1.85 6.18-3a.5.5 0 0 0-.45-.76a2.22 2.22 0 0 1-2.56-2.43h0v-17A16.21 16.21 0 0 0 24 5.93h0a16.21 16.21 0 0 0-16.2 16.2v17.05h0a2.22 2.22 0 0 1-2.56 2.43a.5.5 0 0 0-.45.76c.67 1.13 2.35 3 6.18 3a10.06 10.06 0 0 0 8.15-3.88Z"/><path fill="#ffcebf" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M37.5 25.51A13 13 0 0 1 29.05 18l-.93-2.22A23.67 23.67 0 0 1 13.31 25l-2.81.5a2.7 2.7 0 0 0 0 5.4h.17a13.48 13.48 0 0 0 26.66 0h.17a2.7 2.7 0 1 0 0-5.4Z"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.91 27.66a1.15 1.15 0 1 0 2.3 0a1.15 1.15 0 0 0-2.3 0m16.18 0a1.15 1.15 0 1 1-2.3 0a1.15 1.15 0 0 1 2.3 0"/><path fill="#ff6242" d="M19.78 34.65a.67.67 0 0 0-.5.23a.64.64 0 0 0-.15.53a4.94 4.94 0 0 0 9.74 0a.66.66 0 0 0-.65-.76Z"/><path fill="#ffa694" d="M24 36.68a6.06 6.06 0 0 0-3.76 1.15a5 5 0 0 0 7.52 0A6.06 6.06 0 0 0 24 36.68"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.78 34.65a.67.67 0 0 0-.5.23a.64.64 0 0 0-.15.53a4.94 4.94 0 0 0 9.74 0a.66.66 0 0 0-.65-.76Z"/><path fill="#ffb59e" d="M13.67 32.55a1.49.89 0 1 0 2.98 0a1.49.89 0 1 0-2.98 0m17.68 0a1.49.89 0 1 0 2.98 0a1.49.89 0 1 0-2.98 0"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.25 11a1.73 1.73 0 0 1-3.14-.44L34.57 4.5l-3 5.49a2.09 2.09 0 0 1-3.81-.21L24 .88l-3.75 8.9a2.09 2.09 0 0 1-3.81.21l-3-5.49l-1.54 6.08a1.73 1.73 0 0 1-3.15.42L7.38 8.77l.54 6.11a1.64 1.64 0 0 0 .86 1.24C11.05 14.85 17 14 24 14s13 .9 15.22 2.17a1.64 1.64 0 0 0 .86-1.24l.54-6.11Z"/><path fill="#ffe500" d="M24 14c-8.93 0-16.2 1.48-16.2 3.31v3.31c0-1.83 7.27-3.31 16.2-3.31s16.2 1.48 16.2 3.31v-3.36C40.2 15.43 32.93 14 24 14"/><path fill="#fff48c" d="M24 14c-8.93 0-16.2 1.48-16.2 3.31v1.39c0-1.83 7.27-3.32 16.2-3.32s16.2 1.49 16.2 3.32v-1.44C40.2 15.43 32.93 14 24 14"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 14c-8.93 0-16.2 1.48-16.2 3.31v3.31c0-1.83 7.27-3.31 16.2-3.31s16.2 1.48 16.2 3.31v-3.36C40.2 15.43 32.93 14 24 14"/><path fill="#ff87af" d="M22.64 10.29a1.36 1.89 0 1 0 2.72 0a1.36 1.89 0 1 0-2.72 0"/><path fill="#ffb0ca" d="M24 9.9a1.43 1.43 0 0 1 1.25 1.1a2.6 2.6 0 0 0 .11-.75c0-1-.61-1.89-1.36-1.89s-1.36.85-1.36 1.89a2.6 2.6 0 0 0 .11.75A1.43 1.43 0 0 1 24 9.9"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M22.64 10.29a1.36 1.89 0 1 0 2.72 0a1.36 1.89 0 1 0-2.72 0"/></svg>Cómo usar el icono Princess 2
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:princess-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:princess-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:princess-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--princess-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:princess-2"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:princess-2"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/princess-2.svg" alt="Icono Princess 2" width="24" height="24">Iconos relacionados en Streamline Emojis
Preguntas frecuentes sobre Icono Princess 2
¿El icono Princess 2 es gratis para uso comercial?
Sí. Streamline Emojis 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 Princess 2 en React?
Instala @iconify/react y renderiza <Icon icon="streamline-emojis:princess-2" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Princess 2 a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-emojis/princess-2.svg" alt="Icono Princess 2">, o pega el código SVG en línea para darle estilo con CSS.