Icono Sunrise
fxemoji:sunrise
El icono Sunrise (fxemoji:sunrise) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, 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
- Firefox OS Emoji
- Autor
- Mozilla
- Licencia
- Apache-2.0
- Tamaño
- 512 × 512
- Categoría
- Lugares
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFAA3B" d="M501.617 489.617c0 6.6-5.4 12-12 12H22.383c-6.6 0-12-5.4-12-12V22.383c0-6.6 5.4-12 12-12h467.234c6.6 0 12 5.4 12 12z"/><path fill="#FFE564" d="M411.466 251.861a12.62 12.62 0 0 1 0-14.24l20.587-30.141c4.36-6.383 2.011-15.15-4.956-18.497l-32.9-15.809a12.62 12.62 0 0 1-7.12-12.332l2.759-36.396c.584-7.708-5.833-14.125-13.541-13.541l-36.396 2.759a12.62 12.62 0 0 1-12.332-7.12l-15.809-32.9c-3.348-6.967-12.115-9.316-18.497-4.956L263.12 89.275a12.62 12.62 0 0 1-14.24 0l-30.141-20.587c-6.383-4.36-15.15-2.011-18.497 4.956l-15.809 32.9a12.62 12.62 0 0 1-12.332 7.12l-36.396-2.759c-7.708-.584-14.125 5.833-13.541 13.541l2.759 36.396a12.62 12.62 0 0 1-7.12 12.332l-32.9 15.809c-6.967 3.348-9.316 12.115-4.956 18.497l20.587 30.141a12.62 12.62 0 0 1 0 14.24l-20.587 30.141c-4.36 6.383-2.011 15.15 4.956 18.497l32.9 15.809a12.62 12.62 0 0 1 7.12 12.332l-2.759 36.396c-.584 7.708 5.833 14.125 13.541 13.541l36.396-2.759a12.62 12.62 0 0 1 12.332 7.12l15.809 32.9c3.348 6.967 12.115 9.316 18.497 4.956l30.141-20.587a12.62 12.62 0 0 1 14.24 0l30.141 20.587c6.383 4.36 15.15 2.011 18.497-4.956l15.809-32.9a12.62 12.62 0 0 1 12.332-7.12l36.396 2.759c7.708.584 14.125-5.833 13.541-13.541l-2.759-36.396a12.62 12.62 0 0 1 7.12-12.332l32.9-15.809c6.967-3.348 9.316-12.115 4.956-18.497z"/><path fill="#00BEEA" d="M501.617 489.617V285.451c-91.608-3.474-176.571-9.532-243.183 2.022c-65.74 11.403-151.714 33.375-248.051 41.364v160.78c0 6.6 5.4 12 12 12h467.234c6.6 0 12-5.4 12-12"/><path fill="#00A6C1" d="M296.182 430.156c-11.982 19.979-33.879 32.391-57.143 32.391c-18.504 0-36.136-7.858-48.609-21.123c-12.473 13.266-30.105 21.123-48.609 21.123s-36.136-7.858-48.609-21.123c-12.473 13.266-30.105 21.123-48.609 21.123c-12.194 0-24.01-3.415-34.221-9.537v-25.287c8.735 9.468 20.967 14.921 34.221 14.921c16.56 0 31.541-8.495 40.074-22.725c.02-.034.044-.063.065-.096q.225-.368.482-.719c.062-.083.13-.159.193-.239c.138-.174.275-.348.425-.513c.106-.117.22-.224.332-.336c.117-.117.23-.237.354-.349c.159-.144.326-.276.493-.408c.087-.069.169-.143.26-.21q.335-.246.689-.462c.043-.027.081-.057.124-.083l.013-.007q.399-.237.816-.435l.074-.039c.088-.041.181-.072.271-.111a10 10 0 0 1 1.492-.516l.04-.012c.259-.065.519-.113.781-.156c.057-.009.112-.024.169-.032c.219-.032.438-.049.657-.067c.105-.009.209-.023.314-.029c.171-.008.341-.003.511-.003c.156 0 .312-.005.469.003c.12.006.239.023.359.033c.204.017.409.032.612.063c.076.011.151.03.227.044c.241.041.482.085.721.144c.052.013.103.032.155.046c.256.068.511.14.763.23a10 10 0 0 1 1.784.841l.008.004l.072.049q.382.231.745.499c.081.06.154.126.232.188c.176.139.351.278.518.429c.12.109.23.226.344.339s.231.224.339.344c.152.167.29.343.429.518c.062.078.128.152.188.233q.266.36.497.742l.05.075c8.534 14.229 23.515 22.725 40.075 22.725s31.541-8.495 40.075-22.725l.05-.075q.232-.382.498-.743c.057-.077.12-.146.178-.221c.142-.18.285-.36.44-.532c.102-.113.212-.215.318-.322c.121-.122.239-.246.367-.362c.156-.141.32-.27.483-.4c.09-.072.176-.148.269-.217a10 10 0 0 1 .691-.463c.042-.026.079-.056.121-.081l.013-.007q.41-.244.841-.448l.048-.026a9.6 9.6 0 0 1 1.73-.617l.075-.022c.254-.063.509-.11.765-.153c.061-.01.122-.026.183-.035c.217-.032.434-.049.651-.066c.107-.009.213-.024.32-.029c.171-.008.34-.003.511-.003c.156 0 .312-.005.469.003c.123.006.244.023.366.034c.202.017.404.032.605.062c.082.012.162.032.243.047c.236.041.471.083.705.141c.064.016.126.039.19.056c.244.066.487.134.728.22a10 10 0 0 1 1.787.842l.007.003l.062.042q.39.235.756.507c.075.056.143.117.216.174c.182.143.363.287.535.443c.115.104.219.215.328.324c.119.119.241.234.355.36c.145.16.278.329.412.497c.068.086.14.166.205.254q.257.349.48.717c.021.034.045.064.065.098c8.534 14.229 23.515 22.725 40.074 22.725s31.541-8.495 40.075-22.725c2.826-4.711 8.938-6.242 13.652-3.416c4.718 2.824 6.248 8.936 3.421 13.649m136.954-76.531c-16.56 0-31.54-8.495-40.074-22.724c-.015-.025-.034-.048-.049-.073a10 10 0 0 0-.499-.745c-.058-.078-.121-.148-.181-.224a10 10 0 0 0-.437-.528c-.105-.116-.218-.222-.328-.332c-.118-.118-.232-.239-.356-.351c-.161-.146-.331-.28-.5-.414c-.084-.067-.164-.138-.251-.203a10 10 0 0 0-.713-.478c-.035-.022-.066-.047-.102-.068l-.011-.006a10 10 0 0 0-1.781-.839a10 10 0 0 0-.756-.228c-.055-.015-.108-.035-.163-.048a9 9 0 0 0-.707-.141c-.081-.014-.161-.034-.243-.047c-.197-.029-.394-.043-.592-.06c-.127-.011-.254-.029-.381-.035c-.148-.007-.295-.002-.443-.003c-.179-.001-.358-.006-.538.003c-.095.005-.19.018-.285.026a10 10 0 0 0-.687.07l-.133.025a9.9 9.9 0 0 0-2.734.864q-.393.187-.767.409l-.016.009c-.054.032-.101.07-.154.103a10 10 0 0 0-.656.44c-.099.073-.189.153-.284.229c-.158.127-.318.251-.469.388c-.131.118-.251.245-.374.369c-.104.105-.212.205-.311.316c-.156.172-.299.352-.442.533c-.058.074-.121.143-.177.219a10 10 0 0 0-.5.745c-.015.025-.034.047-.049.073c-8.534 14.229-23.515 22.724-40.074 22.724c-16.561 0-31.541-8.495-40.075-22.724a9.95 9.95 0 0 0-9.007-4.822a9.95 9.95 0 0 0-9.003 4.822c-8.534 14.229-23.515 22.724-40.074 22.724c-5.496 0-9.951 4.455-9.951 9.951s4.455 9.951 9.951 9.951c18.737 0 36.582-8.055 49.079-21.625c12.497 13.57 30.342 21.625 49.08 21.625c18.504 0 36.136-7.857 48.608-21.123c12.473 13.266 30.105 21.123 48.608 21.123c5.496 0 9.951-4.455 9.951-9.951s-4.454-9.949-9.95-9.949"/></svg>Cómo usar el icono Sunrise
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:sunrise" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:sunrise" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:sunrise" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--sunrise]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:sunrise"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:sunrise"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/sunrise.svg" alt="Icono Sunrise" width="24" height="24">Iconos relacionados en Firefox OS Emoji
El icono Sunrise en otras colecciones
Preguntas frecuentes sobre Icono Sunrise
¿El icono Sunrise es gratis para uso comercial?
Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Sunrise en React?
Instala @iconify/react y renderiza <Icon icon="fxemoji:sunrise" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Sunrise a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/sunrise.svg" alt="Icono Sunrise">, o pega el código SVG en línea para darle estilo con CSS.