Sunset icon
twemoji:sunset
The Sunset icon (twemoji:sunset) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Twitter Emoji
- Author
- Twitter
- License
- CC-BY-4.0
- Size
- 36 × 36
- Category
- Travel & Places
SVG code
<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 4v28h36V4a4 4 0 0 0-4-4"/><path fill="#f4900c" d="M32.114 16.736c1.587-.451 1.587-1.147.001-1.599l-.559-.154L31 14.82v.005l-2.94-.891L30.383 12h-.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 7.489L24 4.542v-.003l.08-.632l.077-.638c.188-1.634-.492-1.915-1.516-.623l-.394.499l-2.257 2.851l-.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-.311c-1.441-.802-1.963-.28-1.161 1.161l.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 24.286v.002l-.28.556l-.296.559c-.8 1.44-.271 1.96 1.169 1.158l.56-.309l3.185-1.77L12 27.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 28.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 26h.002l.557.28l.558.295c1.44.803 1.963.273 1.16-1.167l-.28-.56L28 24.29v-.002l-1.489-2.628l2.947.34h.003l.633.08l.637.077c1.635.188 1.915-.492.625-1.515l-.5-.395l-.5-.395l-2.352-1.947L30.886 17h.004z"/><circle cx="18" cy="16" r="9.63" fill="#ffe8b6"/><path fill="#485359" d="M10 36V15l4-4h2l4 4v21zm23-17c0-1-1-1-1-1h-7s-1 0-1 1v17h9z"/><path fill="#292f33" d="M28 25c0-1-1-1-1-1h-8c-1 0-1 1-1 1v11h10zm-17 2H6v-5s0-1-1-1H0v11a4 4 0 0 0 4 4h8v-8s0-1-1-1m21 4c-1 0-1 1-1 1v4h1a4 4 0 0 0 4-4v-1z"/><path fill="#ffcc4d" d="M8 29h2v2H8zm-2 4h2v2H6zm10-16h2v2h-2zm0 4h2v2h-2zm-2 4h2v2h-2zm10 1h2v2h-2zm-2 4h2v2h-2zm7-10h2v2h-2zm0 4h2v2h-2z"/></svg>
How to use the Sunset icon
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:sunset" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:sunset" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:sunset" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--sunset]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:sunset"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:sunset"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/sunset.svg" alt="Sunset icon" width="24" height="24">
Sunset icon in other icon sets
Sunset icon FAQ
Is the Sunset icon free for commercial use?
Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Sunset icon in React?
Install @iconify/react and render <Icon icon="twemoji:sunset" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sunset icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/sunset.svg" alt="Sunset icon">, or paste the SVG code inline to style it with CSS.
Browse all Twitter Emoji icons →
ICONYZ
