sunrise over mountains emoji
sunrise-over-mountains from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- sunrise-over-mountains
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More travel & places icons from Fluent Emoji Flat
Use the sunrise over mountains 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 4v14.5l-4.753 1.933a4 4 0 0 1-1.507.295H8.017a4 4 0 0 1-1.577-.324L2 20.5z"/><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="#14a085" d="M2 20v6c0 .452.075.887.214 1.293H8V22l-2.932-2.566a1.75 1.75 0 0 0-2.203-.083z"/><path fill="#007356" d="M26 30H6c-1.9 0-3.49-1.325-3.899-3.101l12.202-12.202a2.4 2.4 0 0 1 3.394 0l6.836 6.836l2.4-2.099a1.75 1.75 0 0 1 2.202-.083L30 20v6q-.001.465-.101.899A4 4 0 0 1 26 30"/><path fill="#008463" d="M17.5 24h.879a1.5 1.5 0 0 1 1.06.44L25 30H6c-1.9 0-3.49-1.325-3.899-3.101l12.202-12.202A2.4 2.4 0 0 1 16 13.994V22.5a1.5 1.5 0 0 0 1.5 1.5"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatSunriseOverMountains(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 4v14.5l-4.753 1.933a4 4 0 0 1-1.507.295H8.017a4 4 0 0 1-1.577-.324L2 20.5z"/><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="#14a085" d="M2 20v6c0 .452.075.887.214 1.293H8V22l-2.932-2.566a1.75 1.75 0 0 0-2.203-.083z"/><path fill="#007356" d="M26 30H6c-1.9 0-3.49-1.325-3.899-3.101l12.202-12.202a2.4 2.4 0 0 1 3.394 0l6.836 6.836l2.4-2.099a1.75 1.75 0 0 1 2.202-.083L30 20v6q-.001.465-.101.899A4 4 0 0 1 26 30"/><path fill="#008463" d="M17.5 24h.879a1.5 1.5 0 0 1 1.06.44L25 30H6c-1.9 0-3.49-1.325-3.899-3.101l12.202-12.202A2.4 2.4 0 0 1 16 13.994V22.5a1.5 1.5 0 0 0 1.5 1.5"/></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 4v14.5l-4.753 1.933a4 4 0 0 1-1.507.295H8.017a4 4 0 0 1-1.577-.324L2 20.5z"/><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="#14a085" d="M2 20v6c0 .452.075.887.214 1.293H8V22l-2.932-2.566a1.75 1.75 0 0 0-2.203-.083z"/><path fill="#007356" d="M26 30H6c-1.9 0-3.49-1.325-3.899-3.101l12.202-12.202a2.4 2.4 0 0 1 3.394 0l6.836 6.836l2.4-2.099a1.75 1.75 0 0 1 2.202-.083L30 20v6q-.001.465-.101.899A4 4 0 0 1 26 30"/><path fill="#008463" d="M17.5 24h.879a1.5 1.5 0 0 1 1.06.44L25 30H6c-1.9 0-3.49-1.325-3.899-3.101l12.202-12.202A2.4 2.4 0 0 1 16 13.994V22.5a1.5 1.5 0 0 0 1.5 1.5"/></g></svg> </template>
CSS
.icon-sunrise-over-mountains {
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%204v14.5l-4.753%201.933a4%204%200%200%201-1.507.295H8.017a4%204%200%200%201-1.577-.324L2%2020.5z%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%2314a085%22%20d%3D%22M2%2020v6c0%20.452.075.887.214%201.293H8V22l-2.932-2.566a1.75%201.75%200%200%200-2.203-.083z%22%2F%3E%3Cpath%20fill%3D%22%23007356%22%20d%3D%22M26%2030H6c-1.9%200-3.49-1.325-3.899-3.101l12.202-12.202a2.4%202.4%200%200%201%203.394%200l6.836%206.836l2.4-2.099a1.75%201.75%200%200%201%202.202-.083L30%2020v6q-.001.465-.101.899A4%204%200%200%201%2026%2030%22%2F%3E%3Cpath%20fill%3D%22%23008463%22%20d%3D%22M17.5%2024h.879a1.5%201.5%200%200%201%201.06.44L25%2030H6c-1.9%200-3.49-1.325-3.899-3.101l12.202-12.202A2.4%202.4%200%200%201%2016%2013.994V22.5a1.5%201.5%200%200%200%201.5%201.5%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%204v14.5l-4.753%201.933a4%204%200%200%201-1.507.295H8.017a4%204%200%200%201-1.577-.324L2%2020.5z%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%2314a085%22%20d%3D%22M2%2020v6c0%20.452.075.887.214%201.293H8V22l-2.932-2.566a1.75%201.75%200%200%200-2.203-.083z%22%2F%3E%3Cpath%20fill%3D%22%23007356%22%20d%3D%22M26%2030H6c-1.9%200-3.49-1.325-3.899-3.101l12.202-12.202a2.4%202.4%200%200%201%203.394%200l6.836%206.836l2.4-2.099a1.75%201.75%200%200%201%202.202-.083L30%2020v6q-.001.465-.101.899A4%204%200%200%201%2026%2030%22%2F%3E%3Cpath%20fill%3D%22%23008463%22%20d%3D%22M17.5%2024h.879a1.5%201.5%200%200%201%201.06.44L25%2030H6c-1.9%200-3.49-1.325-3.899-3.101l12.202-12.202A2.4%202.4%200%200%201%2016%2013.994V22.5a1.5%201.5%200%200%200%201.5%201.5%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-over-mountains.svg?color=%231a73e8&size=48
