أيقونة Sunrise
fxemoji:sunrise
أيقونة Sunrise (fxemoji:sunrise) أيقونة SVG مجانية من مجموعة Firefox OS Emoji من تصميم Mozilla. مرسومة على شبكة 512 × 512. تُنشر Firefox OS Emoji icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Firefox OS Emoji
- المؤلف
- Mozilla
- الترخيص
- Apache-2.0
- الحجم
- 512 × 512
- الفئة
- الأماكن
شيفرة 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>كيفية استخدام أيقونة 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>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:sunrise"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/sunrise.svg" alt="أيقونة Sunrise" width="24" height="24">أيقونات ذات صلة في Firefox OS Emoji
أيقونة Sunrise في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Sunrise
هل أيقونة Sunrise مجانية للاستخدام التجاري؟
نعم. تُنشر Firefox OS Emoji icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Sunrise في React؟
ثبّت @iconify/react واعرض <Icon icon="fxemoji:sunrise" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Sunrise إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fxemoji/sunrise.svg" alt="أيقونة Sunrise">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.