Ikon Sunrise

twemoji:sunrise

Ikon Sunrise (twemoji:sunrise) adalah ikon SVG gratis dari set Twitter Emoji karya Twitter. Ikon ini digambar pada grid 36 × 36. Twitter Emoji icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Twitter Emoji
Pembuat: Twitter
Lisensi: CC-BY-4.0
Ukuran: 36 × 36
Kategori: Perjalanan dan tempat

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M32 0H4a4 4 0 0 0-4 4v19h36V4a4 4 0 0 0-4-4"/><path fill="#f4900c" d="M32.114 18.736c1.587-.451 1.587-1.147.001-1.599l-.559-.154L31 16.82v.005l-2.94-.891L30.383 14h-.014l.493-.322l.497-.359c1.291-1.023 1.008-1.686-.629-1.498l-.636.089l-.632.09h-.002l-2.979.339l1.77-3.18l.309-.558c.802-1.44.281-1.963-1.158-1.163l-.558.282l-.556.28h-.002L23.66 9.489L24 6.543V6.54l.08-.632l.077-.638c.188-1.634-.492-1.915-1.516-.623l-.394.499l-2.257 2.85l-.819-2.881l-.002-.005l-.348-1.225c-.451-1.587-1.19-1.587-1.642 0l-.174.612l-.174.613l-.821 2.886l-1.861-2.35l-.001-.001l-.395-.499l-.397-.501c-1.023-1.29-1.704-1.007-1.515.629l.074.634l.073.632v.001l.346 2.979l-3.177-1.77l-.557-.31c-1.441-.803-1.963-.281-1.161 1.16l.31.556l1.77 3.177l-2.979-.346h-.001l-.632-.073l-.635-.074c-1.636-.189-1.918.492-.629 1.515l.501.397l.499.395l.001.001l2.35 1.861l-2.884.822l-.612.174l-.612.174c-1.587.452-1.587 1.19 0 1.642l1.225.348l.004.002l2.881.819l-2.851 2.258l-.499.396c-1.292 1.023-1.011 1.705.623 1.517l.638-.08l.632-.081h.002l2.948-.34L8 26.286v.002l-.28.556l-.296.558c-.8 1.44-.271 1.96 1.169 1.158l.56-.309l3.185-1.77L12 29.46v.002l-.08.632l-.077.635c-.189 1.637.491 1.918 1.514.627l.396-.5l.395-.5l1.862-2.352l.82 2.885v.001l.174.612l.175.613c.452 1.586 1.105 1.586 1.557-.001L19 30.89v-.004l.905-2.882l1.905 2.352l.416.5l.407.5c1.022 1.29 1.71 1.01 1.521-.625l-.078-.637l-.076-.633v-.003l-.34-2.947L26.284 28h.002l.557.28l.558.295c1.44.803 1.963.272 1.16-1.167l-.28-.561L28 26.29v-.002l-1.489-2.628l2.947.34h.003l.633.08l.637.077c1.635.189 1.915-.492.625-1.515l-.5-.396l-.5-.395l-2.352-1.947L30.886 19h.004z"/><circle cx="18" cy="18" r="9.63" fill="#ffe8b6"/><path fill="#269" d="M0 22v10a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4V22z"/><path fill="#3b88c3" d="M22 28c-1.979 0-3.25-.749-4-1.437c-.75.688-2.021 1.437-4 1.437c-3.577 0-4.842-2.448-4.895-2.553a1 1 0 0 1 1.783-.905C10.934 24.624 11.722 26 14 26c2.298 0 3.08-1.4 3.112-1.46c.177-.328.503-.524.899-.533a1 1 0 0 1 .883.546C18.92 24.6 19.701 26 22 26s3.08-1.4 3.112-1.46c.26-.481.859-.673 1.345-.42a.993.993 0 0 1 .438 1.327C26.843 25.552 25.577 28 22 28m4 6c-1.979 0-3.25-.749-4-1.437c-.75.688-2.021 1.437-4 1.437s-3.25-.749-4-1.437c-.75.688-2.021 1.437-4 1.437c-3.577 0-4.842-2.448-4.895-2.553a1 1 0 0 1 1.783-.905C6.934 30.624 7.722 32 10 32c2.298 0 3.08-1.4 3.112-1.46a1.02 1.02 0 0 1 .899-.533a1 1 0 0 1 .883.546C14.92 30.6 15.702 32 18 32s3.08-1.4 3.112-1.46c.177-.328.53-.541.899-.533a1 1 0 0 1 .883.546C22.92 30.6 23.701 32 26 32s3.08-1.4 3.112-1.46c.26-.481.86-.673 1.345-.42a.993.993 0 0 1 .438 1.327C30.843 31.552 29.577 34 26 34"/></svg>

Cara memakai ikon Sunrise

React

import { Icon } from "@iconify/react";

<Icon icon="twemoji:sunrise" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="twemoji:sunrise" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="twemoji:sunrise" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--sunrise]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:sunrise"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="twemoji:sunrise"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/twemoji/sunrise.svg" alt="Ikon Sunrise" width="24" height="24">

Ikon terkait di Twitter Emoji

Ikon Sunrise di set ikon lain

FAQ Ikon Sunrise

Apakah ikon Sunrise gratis untuk penggunaan komersial?

Ya. Twitter Emoji icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Sunrise di React?

Pasang @iconify/react lalu render <Icon icon="twemoji: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/twemoji/sunrise.svg" alt="Ikon Sunrise">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Twitter Emoji →