Sunrise ikonu
fxemoji:sunrise
Sunrise ikonu (fxemoji:sunrise), Firefox OS Emoji setinden ücretsiz bir SVG ikondur (yapımcı: Mozilla). 512 × 512 ızgara üzerinde çizilmiştir. Firefox OS Emoji icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Firefox OS Emoji
- Yazar
- Mozilla
- Lisans
- Apache-2.0
- Boyut
- 512 × 512
- Kategori
- Yerler
SVG kodu
<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>Sunrise ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:sunrise"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/fxemoji/sunrise.svg" alt="Sunrise ikonu" width="24" height="24">Firefox OS Emoji setindeki benzer ikonlar
Diğer ikon setlerinde Sunrise ikonu
Sunrise ikonu: sık sorulan sorular
Sunrise ikonu ticari kullanım için ücretsiz mi?
Evet. Firefox OS Emoji icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Sunrise ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fxemoji:sunrise" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Sunrise ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/fxemoji/sunrise.svg" alt="Sunrise ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.