Icono Sunset
glyphs-poly:sunset
El icono Sunset (glyphs-poly:sunset) es un icono SVG gratuito de la colección Glyphs Poly de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs Poly icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Glyphs Poly
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2c94c" fill-rule="evenodd" d="M29.982 40.131L40.697 47.8l10.715-7.669l2.154 13l13 2.154L58.895 66h-7.113a11.086 11.086 0 1 0-22.173 0h-7.113l-7.669-10.715l13-2.154z" clip-rule="evenodd"/><path fill="#f2c94c" d="m40.697 47.8l-1.164 1.626a2 2 0 0 0 2.328 0zm-10.715-7.669l1.164-1.626a2 2 0 0 0-3.137 1.3zm21.43 0l1.973-.327a2 2 0 0 0-3.137-1.299zm2.154 13l-1.973.327a2 2 0 0 0 1.646 1.646zm13 2.154l1.626 1.164a2 2 0 0 0-1.3-3.137zM58.895 66l-1.626-1.164a2 2 0 0 0-.012 2.31zm0 0v2a2 2 0 0 0 1.64-3.147zm-7.113 0h-2a2 2 0 0 0 2 2zm-3.247-7.84l1.414-1.414zm-15.679 0l1.415 1.415zM29.61 66v2a2 2 0 0 0 2-2zm-7.113 0l-1.625-1.166A2 2 0 0 0 22.497 68zm0 0l1.624 1.166a2 2 0 0 0 .002-2.33zm-7.669-10.715l-.327-1.973a2 2 0 0 0-1.3 3.137zm13-2.154l.326 1.973a2 2 0 0 0 1.646-1.646zm14.033-6.957l-10.715-7.669l-2.328 3.253l10.715 7.668zm8.387-7.669l-10.715 7.669l2.328 3.252l10.715-7.668zm5.291 14.299l-2.154-13l-3.946.654l2.154 13zm11.353.508l-12.999-2.154l-.654 3.946l13 2.154zm-6.369 13.852l7.669-10.715l-3.253-2.328l-7.669 10.715zm.012-2.31v-.001l-3.277 2.294zM51.783 68h7.114v-4h-7.114zm2-2h-4zm0 0c0-3.47-1.379-6.8-3.833-9.254l-2.828 2.829A9.1 9.1 0 0 1 49.783 66zm-3.833-9.254a13.1 13.1 0 0 0-9.253-3.833v4c2.41 0 4.72.958 6.425 2.662zm-9.253-3.833c-3.471 0-6.8 1.38-9.254 3.833l2.829 2.829a9.1 9.1 0 0 1 6.425-2.662zm-9.254 3.833A13.1 13.1 0 0 0 27.61 66h4c0-2.41.958-4.721 2.662-6.425zM27.61 66h4zm-5.113 2h7.113v-4h-7.113zm-1.625-3.166l3.25 2.332zm-7.67-8.385l7.668 10.715l3.253-2.328l-7.669-10.715zM27.5 51.158l-12.999 2.154l.654 3.946l13-2.154zm.509-11.354l-2.155 13l3.947.654l2.154-13z"/><path fill="#eb5757" fill-rule="evenodd" d="M40.697 54.914A11.086 11.086 0 0 0 29.61 66h22.173a11.087 11.087 0 0 0-11.086-11.086" clip-rule="evenodd"/><path fill="#eb5757" d="m32.857 58.16l-1.414-1.413zM29.61 66h-2a2 2 0 0 0 2 2zm22.173 0v2a2 2 0 0 0 2-2zm-3.247-7.84l1.414-1.413zm-14.264 1.415a9.1 9.1 0 0 1 6.425-2.661v-4c-3.471 0-6.8 1.378-9.254 3.832zM31.61 66c0-2.41.958-4.721 2.662-6.425l-2.829-2.829A13.1 13.1 0 0 0 27.61 66zm0 0h-4zm-2 2h22.173v-4H29.61zm20.173-2h4zm-2.661-6.425A9.1 9.1 0 0 1 49.783 66h4c0-3.47-1.378-6.8-3.833-9.254zm-6.425-2.661c2.41 0 4.72.957 6.425 2.661l2.828-2.829a13.1 13.1 0 0 0-9.253-3.832z"/><path stroke="#f2994a" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M8.5 66.131h64"/><path fill="#2f80ed" d="M42.499 32a2 2 0 0 1-4 0zm-4-18a2 2 0 1 1 4 0zm0 18V14h4v18z"/><path fill="#2f80ed" stroke="#2f80ed" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M47.585 32h-14.17c-.819 0-1.117 1.079-.415 1.5l6.214 3.728a2.5 2.5 0 0 0 2.572 0L48 33.5c.702-.421.404-1.5-.416-1.5"/></g></svg>
Cómo usar el icono Sunset
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:sunset" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:sunset" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:sunset" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--sunset]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:sunset"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:sunset"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/sunset.svg" alt="Icono Sunset" width="24" height="24">
Iconos relacionados en Glyphs Poly
El icono Sunset en otras colecciones
Preguntas frecuentes sobre Icono Sunset
¿El icono Sunset es gratis para uso comercial?
Sí. Glyphs Poly icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Sunset en React?
Instala @iconify/react y renderiza <Icon icon="glyphs-poly:sunset" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Sunset a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs-poly/sunset.svg" alt="Icono Sunset">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Glyphs Poly →
ICONYZ
