sunset emoji
sunset from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- sunset
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
sunsetBootstrap IconssunsetCarbonsunsetEmoji One (Colored)sunsetElement PlussunsetFramework7 IconssunsetFeather IconssunsetFluent EmojisunsetFluent Emoji FlatsunsetFluent Emoji High ContrastsunsetHuge IconssunsetIconParksunsetIconPark OutlinesunsetIconPark SolidsunsetIconPark TwoTonesunsetLucidesunset-fillMingCute IconsunsetMyna UI IconssunsetNoto EmojisunsetOpenMojisunset-boldSolarsunsetTabler IconssunsetUnicons
More travel & places icons from Twitter Emoji
Use the sunset emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function TwemojiSunset(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-sunset {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M32%200H4a4%204%200%200%200-4%204v28h36V4a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M32.114%2016.736c1.587-.451%201.587-1.147.001-1.599l-.559-.154L31%2014.82v.005l-2.94-.891L30.383%2012h-.014l.493-.322l.497-.359c1.291-1.023%201.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%207.489L24%204.542v-.003l.08-.632l.077-.638c.188-1.634-.492-1.915-1.516-.623l-.394.499l-2.257%202.851l-.819-2.881l-.002-.005l-.348-1.225c-.451-1.587-1.19-1.587-1.642%200l-.174.612l-.174.613l-.821%202.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%202.979l-3.177-1.77l-.557-.311c-1.441-.802-1.963-.28-1.161%201.161l.31.556l1.77%203.177l-2.979-.346h-.001l-.632-.073l-.635-.074c-1.636-.189-1.918.492-.629%201.515l.501.397l.499.395l.001.001l2.35%201.861l-2.884.822l-.612.174l-.612.174c-1.587.452-1.587%201.19%200%201.642l1.225.348l.004.002l2.881.819l-2.851%202.258l-.499.396c-1.292%201.023-1.011%201.705.623%201.517l.638-.08l.632-.081h.002l2.948-.34L8%2024.286v.002l-.28.556l-.296.559c-.8%201.44-.271%201.96%201.169%201.158l.56-.309l3.185-1.77L12%2027.46v.002l-.08.632l-.077.635c-.189%201.637.491%201.918%201.514.627l.396-.5l.395-.5l1.862-2.352l.82%202.885v.001l.174.612l.175.613c.452%201.586%201.105%201.586%201.557-.001L19%2028.89v-.004l.905-2.882l1.905%202.352l.416.5l.407.5c1.022%201.29%201.71%201.01%201.521-.625l-.078-.637l-.076-.633v-.003l-.34-2.947L26.284%2026h.002l.557.28l.558.295c1.44.803%201.963.273%201.16-1.167l-.28-.56L28%2024.29v-.002l-1.489-2.628l2.947.34h.003l.633.08l.637.077c1.635.188%201.915-.492.625-1.515l-.5-.395l-.5-.395l-2.352-1.947L30.886%2017h.004z%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%229.63%22%20fill%3D%22%23ffe8b6%22%2F%3E%3Cpath%20fill%3D%22%23485359%22%20d%3D%22M10%2036V15l4-4h2l4%204v21zm23-17c0-1-1-1-1-1h-7s-1%200-1%201v17h9z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M28%2025c0-1-1-1-1-1h-8c-1%200-1%201-1%201v11h10zm-17%202H6v-5s0-1-1-1H0v11a4%204%200%200%200%204%204h8v-8s0-1-1-1m21%204c-1%200-1%201-1%201v4h1a4%204%200%200%200%204-4v-1z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M8%2029h2v2H8zm-2%204h2v2H6zm10-16h2v2h-2zm0%204h2v2h-2zm-2%204h2v2h-2zm10%201h2v2h-2zm-2%204h2v2h-2zm7-10h2v2h-2zm0%204h2v2h-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M32%200H4a4%204%200%200%200-4%204v28h36V4a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M32.114%2016.736c1.587-.451%201.587-1.147.001-1.599l-.559-.154L31%2014.82v.005l-2.94-.891L30.383%2012h-.014l.493-.322l.497-.359c1.291-1.023%201.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%207.489L24%204.542v-.003l.08-.632l.077-.638c.188-1.634-.492-1.915-1.516-.623l-.394.499l-2.257%202.851l-.819-2.881l-.002-.005l-.348-1.225c-.451-1.587-1.19-1.587-1.642%200l-.174.612l-.174.613l-.821%202.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%202.979l-3.177-1.77l-.557-.311c-1.441-.802-1.963-.28-1.161%201.161l.31.556l1.77%203.177l-2.979-.346h-.001l-.632-.073l-.635-.074c-1.636-.189-1.918.492-.629%201.515l.501.397l.499.395l.001.001l2.35%201.861l-2.884.822l-.612.174l-.612.174c-1.587.452-1.587%201.19%200%201.642l1.225.348l.004.002l2.881.819l-2.851%202.258l-.499.396c-1.292%201.023-1.011%201.705.623%201.517l.638-.08l.632-.081h.002l2.948-.34L8%2024.286v.002l-.28.556l-.296.559c-.8%201.44-.271%201.96%201.169%201.158l.56-.309l3.185-1.77L12%2027.46v.002l-.08.632l-.077.635c-.189%201.637.491%201.918%201.514.627l.396-.5l.395-.5l1.862-2.352l.82%202.885v.001l.174.612l.175.613c.452%201.586%201.105%201.586%201.557-.001L19%2028.89v-.004l.905-2.882l1.905%202.352l.416.5l.407.5c1.022%201.29%201.71%201.01%201.521-.625l-.078-.637l-.076-.633v-.003l-.34-2.947L26.284%2026h.002l.557.28l.558.295c1.44.803%201.963.273%201.16-1.167l-.28-.56L28%2024.29v-.002l-1.489-2.628l2.947.34h.003l.633.08l.637.077c1.635.188%201.915-.492.625-1.515l-.5-.395l-.5-.395l-2.352-1.947L30.886%2017h.004z%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%229.63%22%20fill%3D%22%23ffe8b6%22%2F%3E%3Cpath%20fill%3D%22%23485359%22%20d%3D%22M10%2036V15l4-4h2l4%204v21zm23-17c0-1-1-1-1-1h-7s-1%200-1%201v17h9z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M28%2025c0-1-1-1-1-1h-8c-1%200-1%201-1%201v11h10zm-17%202H6v-5s0-1-1-1H0v11a4%204%200%200%200%204%204h8v-8s0-1-1-1m21%204c-1%200-1%201-1%201v4h1a4%204%200%200%200%204-4v-1z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M8%2029h2v2H8zm-2%204h2v2H6zm10-16h2v2h-2zm0%204h2v2h-2zm-2%204h2v2h-2zm10%201h2v2h-2zm-2%204h2v2h-2zm7-10h2v2h-2zm0%204h2v2h-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/sunset.svg?color=%231a73e8&size=48
