sunrise emoji
sunrise from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- sunrise
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
sunriseBootstrap IconssunriseCarbonsunriseEmoji One (Colored)sunriseElement PlussunriseFramework7 IconssunriseFeather IconssunriseFluent EmojisunriseFluent Emoji High ContrastsunriseFirefox OS EmojisunriseHuge IconssunriseIconParksunriseIconPark OutlinesunriseLucidesunrise-fillMingCute IconsunriseMyna UI IconssunriseNoto EmojisunriseOpenMojisunriseSimple Iconssunrise-boldSolarsunriseTabler IconssunriseTwitter Emoji
More travel & places icons from Fluent Emoji Flat
Use the sunrise emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ff5e59" d="M2 6a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v15.5H2z"/><path fill="#ff9f2e" d="M14.609 6.348a2 2 0 0 1 2.782 0l.857.829a1 1 0 0 0 .836.272l1.18-.167a2 2 0 0 1 2.25 1.635l.207 1.178a1 1 0 0 0 .516.71l1.056.562a2 2 0 0 1 .859 2.643l-.526 1.078a1 1 0 0 0 0 .877l.526 1.077a2 2 0 0 1-.86 2.644l-1.055.56a1 1 0 0 0-.516.711l-.207 1.179a2 2 0 0 1-2.25 1.635l-1.18-.167a1 1 0 0 0-.836.272l-.857.83a2 2 0 0 1-2.782 0l-.857-.83a1 1 0 0 0-.836-.272l-1.18.167a2 2 0 0 1-2.25-1.635l-.207-1.179a1 1 0 0 0-.516-.71l-1.056-.561a2 2 0 0 1-.859-2.644l.526-1.077a1 1 0 0 0 0-.877l-.526-1.077a2 2 0 0 1 .86-2.644l1.055-.561a1 1 0 0 0 .516-.71l.207-1.18a2 2 0 0 1 2.25-1.634l1.18.167a1 1 0 0 0 .836-.272z"/><path fill="#fcd53f" d="M16 23a7.5 7.5 0 1 0 0-15a7.5 7.5 0 0 0 0 15"/><path fill="#46a4fb" d="M5.997 30A4 4 0 0 1 2 26v-5.5c.375-.25.75-.5 1.5-.5s1.125.25 1.5.5s.75.5 1.5.5s1.125-.25 1.5-.5s.75-.5 1.5-.5s1.25.25 1.75.5s1 .5 1.75.5s1.125-.25 1.5-.5s.75-.5 1.5-.5s1.125.25 1.5.5s.75.5 1.5.5s1.25-.25 1.75-.5s1-.5 1.75-.5s1.125.25 1.5.5s.75.5 1.5.5s1.125-.25 1.5-.5s.75-.5 1.5-.5s1.125.25 1.5.5V26a4 4 0 0 1-3.997 4z"/><path fill="#fff" d="M8.5 23a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1zm4 3a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatSunrise(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ff5e59" d="M2 6a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v15.5H2z"/><path fill="#ff9f2e" d="M14.609 6.348a2 2 0 0 1 2.782 0l.857.829a1 1 0 0 0 .836.272l1.18-.167a2 2 0 0 1 2.25 1.635l.207 1.178a1 1 0 0 0 .516.71l1.056.562a2 2 0 0 1 .859 2.643l-.526 1.078a1 1 0 0 0 0 .877l.526 1.077a2 2 0 0 1-.86 2.644l-1.055.56a1 1 0 0 0-.516.711l-.207 1.179a2 2 0 0 1-2.25 1.635l-1.18-.167a1 1 0 0 0-.836.272l-.857.83a2 2 0 0 1-2.782 0l-.857-.83a1 1 0 0 0-.836-.272l-1.18.167a2 2 0 0 1-2.25-1.635l-.207-1.179a1 1 0 0 0-.516-.71l-1.056-.561a2 2 0 0 1-.859-2.644l.526-1.077a1 1 0 0 0 0-.877l-.526-1.077a2 2 0 0 1 .86-2.644l1.055-.561a1 1 0 0 0 .516-.71l.207-1.18a2 2 0 0 1 2.25-1.634l1.18.167a1 1 0 0 0 .836-.272z"/><path fill="#fcd53f" d="M16 23a7.5 7.5 0 1 0 0-15a7.5 7.5 0 0 0 0 15"/><path fill="#46a4fb" d="M5.997 30A4 4 0 0 1 2 26v-5.5c.375-.25.75-.5 1.5-.5s1.125.25 1.5.5s.75.5 1.5.5s1.125-.25 1.5-.5s.75-.5 1.5-.5s1.25.25 1.75.5s1 .5 1.75.5s1.125-.25 1.5-.5s.75-.5 1.5-.5s1.125.25 1.5.5s.75.5 1.5.5s1.25-.25 1.75-.5s1-.5 1.75-.5s1.125.25 1.5.5s.75.5 1.5.5s1.125-.25 1.5-.5s.75-.5 1.5-.5s1.125.25 1.5.5V26a4 4 0 0 1-3.997 4z"/><path fill="#fff" d="M8.5 23a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1zm4 3a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ff5e59" d="M2 6a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v15.5H2z"/><path fill="#ff9f2e" d="M14.609 6.348a2 2 0 0 1 2.782 0l.857.829a1 1 0 0 0 .836.272l1.18-.167a2 2 0 0 1 2.25 1.635l.207 1.178a1 1 0 0 0 .516.71l1.056.562a2 2 0 0 1 .859 2.643l-.526 1.078a1 1 0 0 0 0 .877l.526 1.077a2 2 0 0 1-.86 2.644l-1.055.56a1 1 0 0 0-.516.711l-.207 1.179a2 2 0 0 1-2.25 1.635l-1.18-.167a1 1 0 0 0-.836.272l-.857.83a2 2 0 0 1-2.782 0l-.857-.83a1 1 0 0 0-.836-.272l-1.18.167a2 2 0 0 1-2.25-1.635l-.207-1.179a1 1 0 0 0-.516-.71l-1.056-.561a2 2 0 0 1-.859-2.644l.526-1.077a1 1 0 0 0 0-.877l-.526-1.077a2 2 0 0 1 .86-2.644l1.055-.561a1 1 0 0 0 .516-.71l.207-1.18a2 2 0 0 1 2.25-1.634l1.18.167a1 1 0 0 0 .836-.272z"/><path fill="#fcd53f" d="M16 23a7.5 7.5 0 1 0 0-15a7.5 7.5 0 0 0 0 15"/><path fill="#46a4fb" d="M5.997 30A4 4 0 0 1 2 26v-5.5c.375-.25.75-.5 1.5-.5s1.125.25 1.5.5s.75.5 1.5.5s1.125-.25 1.5-.5s.75-.5 1.5-.5s1.25.25 1.75.5s1 .5 1.75.5s1.125-.25 1.5-.5s.75-.5 1.5-.5s1.125.25 1.5.5s.75.5 1.5.5s1.25-.25 1.75-.5s1-.5 1.75-.5s1.125.25 1.5.5s.75.5 1.5.5s1.125-.25 1.5-.5s.75-.5 1.5-.5s1.125.25 1.5.5V26a4 4 0 0 1-3.997 4z"/><path fill="#fff" d="M8.5 23a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1zm4 3a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1z"/></g></svg> </template>
CSS
.icon-sunrise {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ff5e59%22%20d%3D%22M2%206a4%204%200%200%201%204-4h20a4%204%200%200%201%204%204v15.5H2z%22%2F%3E%3Cpath%20fill%3D%22%23ff9f2e%22%20d%3D%22M14.609%206.348a2%202%200%200%201%202.782%200l.857.829a1%201%200%200%200%20.836.272l1.18-.167a2%202%200%200%201%202.25%201.635l.207%201.178a1%201%200%200%200%20.516.71l1.056.562a2%202%200%200%201%20.859%202.643l-.526%201.078a1%201%200%200%200%200%20.877l.526%201.077a2%202%200%200%201-.86%202.644l-1.055.56a1%201%200%200%200-.516.711l-.207%201.179a2%202%200%200%201-2.25%201.635l-1.18-.167a1%201%200%200%200-.836.272l-.857.83a2%202%200%200%201-2.782%200l-.857-.83a1%201%200%200%200-.836-.272l-1.18.167a2%202%200%200%201-2.25-1.635l-.207-1.179a1%201%200%200%200-.516-.71l-1.056-.561a2%202%200%200%201-.859-2.644l.526-1.077a1%201%200%200%200%200-.877l-.526-1.077a2%202%200%200%201%20.86-2.644l1.055-.561a1%201%200%200%200%20.516-.71l.207-1.18a2%202%200%200%201%202.25-1.634l1.18.167a1%201%200%200%200%20.836-.272z%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M16%2023a7.5%207.5%200%201%200%200-15a7.5%207.5%200%200%200%200%2015%22%2F%3E%3Cpath%20fill%3D%22%2346a4fb%22%20d%3D%22M5.997%2030A4%204%200%200%201%202%2026v-5.5c.375-.25.75-.5%201.5-.5s1.125.25%201.5.5s.75.5%201.5.5s1.125-.25%201.5-.5s.75-.5%201.5-.5s1.25.25%201.75.5s1%20.5%201.75.5s1.125-.25%201.5-.5s.75-.5%201.5-.5s1.125.25%201.5.5s.75.5%201.5.5s1.25-.25%201.75-.5s1-.5%201.75-.5s1.125.25%201.5.5s.75.5%201.5.5s1.125-.25%201.5-.5s.75-.5%201.5-.5s1.125.25%201.5.5V26a4%204%200%200%201-3.997%204z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.5%2023a.5.5%200%200%200%200%201h15a.5.5%200%200%200%200-1zm4%203a.5.5%200%200%200%200%201h7a.5.5%200%200%200%200-1z%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ff5e59%22%20d%3D%22M2%206a4%204%200%200%201%204-4h20a4%204%200%200%201%204%204v15.5H2z%22%2F%3E%3Cpath%20fill%3D%22%23ff9f2e%22%20d%3D%22M14.609%206.348a2%202%200%200%201%202.782%200l.857.829a1%201%200%200%200%20.836.272l1.18-.167a2%202%200%200%201%202.25%201.635l.207%201.178a1%201%200%200%200%20.516.71l1.056.562a2%202%200%200%201%20.859%202.643l-.526%201.078a1%201%200%200%200%200%20.877l.526%201.077a2%202%200%200%201-.86%202.644l-1.055.56a1%201%200%200%200-.516.711l-.207%201.179a2%202%200%200%201-2.25%201.635l-1.18-.167a1%201%200%200%200-.836.272l-.857.83a2%202%200%200%201-2.782%200l-.857-.83a1%201%200%200%200-.836-.272l-1.18.167a2%202%200%200%201-2.25-1.635l-.207-1.179a1%201%200%200%200-.516-.71l-1.056-.561a2%202%200%200%201-.859-2.644l.526-1.077a1%201%200%200%200%200-.877l-.526-1.077a2%202%200%200%201%20.86-2.644l1.055-.561a1%201%200%200%200%20.516-.71l.207-1.18a2%202%200%200%201%202.25-1.634l1.18.167a1%201%200%200%200%20.836-.272z%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M16%2023a7.5%207.5%200%201%200%200-15a7.5%207.5%200%200%200%200%2015%22%2F%3E%3Cpath%20fill%3D%22%2346a4fb%22%20d%3D%22M5.997%2030A4%204%200%200%201%202%2026v-5.5c.375-.25.75-.5%201.5-.5s1.125.25%201.5.5s.75.5%201.5.5s1.125-.25%201.5-.5s.75-.5%201.5-.5s1.25.25%201.75.5s1%20.5%201.75.5s1.125-.25%201.5-.5s.75-.5%201.5-.5s1.125.25%201.5.5s.75.5%201.5.5s1.25-.25%201.75-.5s1-.5%201.75-.5s1.125.25%201.5.5s.75.5%201.5.5s1.125-.25%201.5-.5s.75-.5%201.5-.5s1.125.25%201.5.5V26a4%204%200%200%201-3.997%204z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.5%2023a.5.5%200%200%200%200%201h15a.5.5%200%200%200%200-1zm4%203a.5.5%200%200%200%200%201h7a.5.5%200%200%200%200-1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/sunrise.svg?color=%231a73e8&size=48
