Ikon Sunrise
fxemoji:sunrise
Ikon Sunrise (fxemoji:sunrise) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Firefox OS Emoji
- Pembuat
- Mozilla
- Lisensi
- Apache-2.0
- Ukuran
- 512 × 512
- Kategori
- Tempat
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/sunrise.svg" alt="Ikon Sunrise" width="24" height="24">Ikon terkait di Firefox OS Emoji
Ikon Sunrise di set ikon lain
FAQ Ikon Sunrise
Apakah ikon Sunrise gratis untuk penggunaan komersial?
Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Sunrise di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:sunrise" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Sunrise ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/sunrise.svg" alt="Ikon Sunrise">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.