Icono Santa Claus 1
streamline-emojis:santa-claus-1
El icono Santa Claus 1 (streamline-emojis:santa-claus-1) 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
- Etiquetas
- santaclaus
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#fff" d="M35.55 31.82a3.65 3.65 0 1 0 7.3 0a3.65 3.65 0 1 0-7.3 0"/><path fill="#f0f0f0" d="M39.2 33.53a3.65 3.65 0 0 1-3.5-2.68a4 4 0 0 0-.14 1a3.65 3.65 0 0 0 7.29 0a3.5 3.5 0 0 0-.15-1a3.63 3.63 0 0 1-3.5 2.68"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.55 31.82a3.65 3.65 0 1 0 7.3 0a3.65 3.65 0 1 0-7.3 0"/><path fill="#ff6242" d="M25 2.81a15.5 15.5 0 0 0-15.5 15.5v.75h27.8v11.23a5.42 5.42 0 0 0 5.41-5.42v-4.34A17.71 17.71 0 0 0 25 2.81"/><path fill="#ff866e" d="M25 2.81a15.5 15.5 0 0 0-15.5 15.5h.4A15.5 15.5 0 0 1 25 6.39a17.72 17.72 0 0 1 17.68 17.72v-3.58A17.71 17.71 0 0 0 25 2.81"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M25 2.81a15.5 15.5 0 0 0-15.5 15.5v.75h27.8v11.23h0a5.42 5.42 0 0 0 5.41-5.42v-4.34A17.71 17.71 0 0 0 25 2.81"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M37.27 22.42A37.3 37.3 0 0 0 24 20.37a37.3 37.3 0 0 0-13.27 2.05a3.08 3.08 0 0 0 0 6.1C12 35.25 17.47 40.31 24 40.31s12-5.06 13.27-11.79a3.08 3.08 0 0 0 0-6.1"/><path fill="#45413c" d="M11.5 44.5a12.5 1.5 0 1 0 25 0a12.5 1.5 0 1 0-25 0" opacity=".15"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M32.13 24.52A1.15 1.15 0 1 1 31 23.37a1.15 1.15 0 0 1 1.13 1.15"/><path fill="#ffaa54" d="M31.39 29.4a1.49.89 0 1 0 2.98 0a1.49.89 0 1 0-2.98 0"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.87 24.52A1.15 1.15 0 1 0 17 23.37a1.15 1.15 0 0 0-1.13 1.15"/><path fill="#ffaa54" d="M13.63 29.4a1.49.89 0 1 0 2.98 0a1.49.89 0 1 0-2.98 0"/><path fill="#f0f0f0" d="M35.35 20.13v6.94a9.4 9.4 0 0 1-1.18 4.18a4 4 0 0 1-5.71 1.2A7.5 7.5 0 0 0 24 31.08a7.5 7.5 0 0 0-4.46 1.37a4 4 0 0 1-5.71-1.2a9.4 9.4 0 0 1-1.18-4.18v-6.94l-1.92 1.68v10c0 7.33 5.94 11.69 13.27 11.69s13.27-4.36 13.27-11.69v-10Z"/><path fill="#e0e0e0" d="M24 40.87c-7.33 0-13.27-4.36-13.27-11.69v2.63c0 7.33 5.94 11.69 13.27 11.69s13.27-4.36 13.27-11.69v-2.63c0 7.33-5.94 11.69-13.27 11.69"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.35 20.13v6.94a9.4 9.4 0 0 1-1.18 4.18a4 4 0 0 1-5.71 1.2A7.5 7.5 0 0 0 24 31.08a7.5 7.5 0 0 0-4.46 1.37a4 4 0 0 1-5.71-1.2a9.4 9.4 0 0 1-1.18-4.18v-6.94l-1.92 1.68v10c0 7.33 5.94 11.69 13.27 11.69s13.27-4.36 13.27-11.69v-10Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.19 34.83s.69.93 2.81.93s2.81-.93 2.81-.93"/><path fill="#fff" d="M24 15.41c-8.46 0-15.32 2.16-15.32 4.83a2.58 2.58 0 0 0 2.05 2.18A37.3 37.3 0 0 1 24 20.37a37.3 37.3 0 0 1 13.27 2.05a2.58 2.58 0 0 0 2-2.18c.05-2.67-6.81-4.83-15.27-4.83"/><path fill="#e0e0e0" d="M24 18.32c-6.85 0-12.64 1.41-14.61 3.37a2.86 2.86 0 0 0 1.34.73A37.3 37.3 0 0 1 24 20.37a37.3 37.3 0 0 1 13.27 2.05a2.86 2.86 0 0 0 1.34-.73c-1.97-1.96-7.76-3.37-14.61-3.37"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 15.41c-8.46 0-15.32 2.16-15.32 4.83a2.58 2.58 0 0 0 2.05 2.18A37.3 37.3 0 0 1 24 20.37a37.3 37.3 0 0 1 13.27 2.05a2.58 2.58 0 0 0 2-2.18c.05-2.67-6.81-4.83-15.27-4.83"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38.06 18.32c0-7.26-5.18-9.67-5.18-9.67"/></svg>Cómo usar el icono Santa Claus 1
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:santa-claus-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:santa-claus-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:santa-claus-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--santa-claus-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:santa-claus-1"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:santa-claus-1"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/santa-claus-1.svg" alt="Icono Santa Claus 1" width="24" height="24">Iconos relacionados en Streamline Emojis
Preguntas frecuentes sobre Icono Santa Claus 1
¿El icono Santa Claus 1 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 Santa Claus 1 en React?
Instala @iconify/react y renderiza <Icon icon="streamline-emojis:santa-claus-1" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Santa Claus 1 a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-emojis/santa-claus-1.svg" alt="Icono Santa Claus 1">, o pega el código SVG en línea para darle estilo con CSS.