sun behind cloud emoji
sun-behind-cloud from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- sun-behind-cloud
- 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 sun behind cloud emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#b4acbc" d="M27.988 13.843c-3.903-3.804-10.125-3.787-13.99.03l-2.048.703a4 4 0 0 0-1.922.66l-2.047.704A7.47 7.47 0 0 0 1 23.397c0 1.756.612 3.373 1.623 4.652A7.5 7.5 0 0 0 8.593 31h12.715a9.39 9.39 0 0 0 7.648-3.933c3.017-3.96 2.693-9.652-.968-13.224"/><path fill="#ff822d" d="M10.068 5.221c.8-1.635 3.16-1.627 3.944.016c.296.616 1.048.86 1.656.537l.377-.197c1.464-.782 3.192.466 2.88 2.085l-.08.41A1.19 1.19 0 0 0 19.86 9.47l.424.056c1.648.22 2.304 2.235 1.088 3.356l-.312.293a1.176 1.176 0 0 0-.008 1.721l.312.293c1.208 1.137.536 3.143-1.12 3.349l-.424.055a1.194 1.194 0 0 0-1.032 1.39l.08.41c.296 1.62-1.44 2.852-2.896 2.062l-.377-.205a1.216 1.216 0 0 0-1.664.529c-.8 1.635-3.16 1.627-3.944-.016a1.206 1.206 0 0 0-1.656-.537l-.377.197c-1.464.782-3.192-.466-2.88-2.085l.08-.41A1.19 1.19 0 0 0 4.14 18.53l-.424-.056c-1.648-.22-2.304-2.235-1.088-3.356l.312-.293a1.176 1.176 0 0 0 .008-1.721l-.312-.293c-1.208-1.137-.536-3.143 1.12-3.348l.424-.056a1.194 1.194 0 0 0 1.032-1.39l-.08-.41c-.296-1.62 1.44-2.852 2.896-2.062l.377.205c.608.324 1.36.087 1.664-.529"/><path fill="#f9c23c" d="M12 22a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="#f3eef8" d="M14.575 14.71c3.467-3.557 9.158-3.618 12.715-.15c3.297 3.216 3.587 8.346.862 11.913A8.39 8.39 0 0 1 21.308 30H8.593a6.5 6.5 0 0 1-5.18-2.565A6.48 6.48 0 0 1 2 23.397a6.47 6.47 0 0 1 6.584-6.472a4.04 4.04 0 0 1 5.65-1.847a9 9 0 0 1 .341-.368"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatSunBehindCloud(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="#b4acbc" d="M27.988 13.843c-3.903-3.804-10.125-3.787-13.99.03l-2.048.703a4 4 0 0 0-1.922.66l-2.047.704A7.47 7.47 0 0 0 1 23.397c0 1.756.612 3.373 1.623 4.652A7.5 7.5 0 0 0 8.593 31h12.715a9.39 9.39 0 0 0 7.648-3.933c3.017-3.96 2.693-9.652-.968-13.224"/><path fill="#ff822d" d="M10.068 5.221c.8-1.635 3.16-1.627 3.944.016c.296.616 1.048.86 1.656.537l.377-.197c1.464-.782 3.192.466 2.88 2.085l-.08.41A1.19 1.19 0 0 0 19.86 9.47l.424.056c1.648.22 2.304 2.235 1.088 3.356l-.312.293a1.176 1.176 0 0 0-.008 1.721l.312.293c1.208 1.137.536 3.143-1.12 3.349l-.424.055a1.194 1.194 0 0 0-1.032 1.39l.08.41c.296 1.62-1.44 2.852-2.896 2.062l-.377-.205a1.216 1.216 0 0 0-1.664.529c-.8 1.635-3.16 1.627-3.944-.016a1.206 1.206 0 0 0-1.656-.537l-.377.197c-1.464.782-3.192-.466-2.88-2.085l.08-.41A1.19 1.19 0 0 0 4.14 18.53l-.424-.056c-1.648-.22-2.304-2.235-1.088-3.356l.312-.293a1.176 1.176 0 0 0 .008-1.721l-.312-.293c-1.208-1.137-.536-3.143 1.12-3.348l.424-.056a1.194 1.194 0 0 0 1.032-1.39l-.08-.41c-.296-1.62 1.44-2.852 2.896-2.062l.377.205c.608.324 1.36.087 1.664-.529"/><path fill="#f9c23c" d="M12 22a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="#f3eef8" d="M14.575 14.71c3.467-3.557 9.158-3.618 12.715-.15c3.297 3.216 3.587 8.346.862 11.913A8.39 8.39 0 0 1 21.308 30H8.593a6.5 6.5 0 0 1-5.18-2.565A6.48 6.48 0 0 1 2 23.397a6.47 6.47 0 0 1 6.584-6.472a4.04 4.04 0 0 1 5.65-1.847a9 9 0 0 1 .341-.368"/></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="#b4acbc" d="M27.988 13.843c-3.903-3.804-10.125-3.787-13.99.03l-2.048.703a4 4 0 0 0-1.922.66l-2.047.704A7.47 7.47 0 0 0 1 23.397c0 1.756.612 3.373 1.623 4.652A7.5 7.5 0 0 0 8.593 31h12.715a9.39 9.39 0 0 0 7.648-3.933c3.017-3.96 2.693-9.652-.968-13.224"/><path fill="#ff822d" d="M10.068 5.221c.8-1.635 3.16-1.627 3.944.016c.296.616 1.048.86 1.656.537l.377-.197c1.464-.782 3.192.466 2.88 2.085l-.08.41A1.19 1.19 0 0 0 19.86 9.47l.424.056c1.648.22 2.304 2.235 1.088 3.356l-.312.293a1.176 1.176 0 0 0-.008 1.721l.312.293c1.208 1.137.536 3.143-1.12 3.349l-.424.055a1.194 1.194 0 0 0-1.032 1.39l.08.41c.296 1.62-1.44 2.852-2.896 2.062l-.377-.205a1.216 1.216 0 0 0-1.664.529c-.8 1.635-3.16 1.627-3.944-.016a1.206 1.206 0 0 0-1.656-.537l-.377.197c-1.464.782-3.192-.466-2.88-2.085l.08-.41A1.19 1.19 0 0 0 4.14 18.53l-.424-.056c-1.648-.22-2.304-2.235-1.088-3.356l.312-.293a1.176 1.176 0 0 0 .008-1.721l-.312-.293c-1.208-1.137-.536-3.143 1.12-3.348l.424-.056a1.194 1.194 0 0 0 1.032-1.39l-.08-.41c-.296-1.62 1.44-2.852 2.896-2.062l.377.205c.608.324 1.36.087 1.664-.529"/><path fill="#f9c23c" d="M12 22a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="#f3eef8" d="M14.575 14.71c3.467-3.557 9.158-3.618 12.715-.15c3.297 3.216 3.587 8.346.862 11.913A8.39 8.39 0 0 1 21.308 30H8.593a6.5 6.5 0 0 1-5.18-2.565A6.48 6.48 0 0 1 2 23.397a6.47 6.47 0 0 1 6.584-6.472a4.04 4.04 0 0 1 5.65-1.847a9 9 0 0 1 .341-.368"/></g></svg> </template>
CSS
.icon-sun-behind-cloud {
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%23b4acbc%22%20d%3D%22M27.988%2013.843c-3.903-3.804-10.125-3.787-13.99.03l-2.048.703a4%204%200%200%200-1.922.66l-2.047.704A7.47%207.47%200%200%200%201%2023.397c0%201.756.612%203.373%201.623%204.652A7.5%207.5%200%200%200%208.593%2031h12.715a9.39%209.39%200%200%200%207.648-3.933c3.017-3.96%202.693-9.652-.968-13.224%22%2F%3E%3Cpath%20fill%3D%22%23ff822d%22%20d%3D%22M10.068%205.221c.8-1.635%203.16-1.627%203.944.016c.296.616%201.048.86%201.656.537l.377-.197c1.464-.782%203.192.466%202.88%202.085l-.08.41A1.19%201.19%200%200%200%2019.86%209.47l.424.056c1.648.22%202.304%202.235%201.088%203.356l-.312.293a1.176%201.176%200%200%200-.008%201.721l.312.293c1.208%201.137.536%203.143-1.12%203.349l-.424.055a1.194%201.194%200%200%200-1.032%201.39l.08.41c.296%201.62-1.44%202.852-2.896%202.062l-.377-.205a1.216%201.216%200%200%200-1.664.529c-.8%201.635-3.16%201.627-3.944-.016a1.206%201.206%200%200%200-1.656-.537l-.377.197c-1.464.782-3.192-.466-2.88-2.085l.08-.41A1.19%201.19%200%200%200%204.14%2018.53l-.424-.056c-1.648-.22-2.304-2.235-1.088-3.356l.312-.293a1.176%201.176%200%200%200%20.008-1.721l-.312-.293c-1.208-1.137-.536-3.143%201.12-3.348l.424-.056a1.194%201.194%200%200%200%201.032-1.39l-.08-.41c-.296-1.62%201.44-2.852%202.896-2.062l.377.205c.608.324%201.36.087%201.664-.529%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M12%2022a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20fill%3D%22%23f3eef8%22%20d%3D%22M14.575%2014.71c3.467-3.557%209.158-3.618%2012.715-.15c3.297%203.216%203.587%208.346.862%2011.913A8.39%208.39%200%200%201%2021.308%2030H8.593a6.5%206.5%200%200%201-5.18-2.565A6.48%206.48%200%200%201%202%2023.397a6.47%206.47%200%200%201%206.584-6.472a4.04%204.04%200%200%201%205.65-1.847a9%209%200%200%201%20.341-.368%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%23b4acbc%22%20d%3D%22M27.988%2013.843c-3.903-3.804-10.125-3.787-13.99.03l-2.048.703a4%204%200%200%200-1.922.66l-2.047.704A7.47%207.47%200%200%200%201%2023.397c0%201.756.612%203.373%201.623%204.652A7.5%207.5%200%200%200%208.593%2031h12.715a9.39%209.39%200%200%200%207.648-3.933c3.017-3.96%202.693-9.652-.968-13.224%22%2F%3E%3Cpath%20fill%3D%22%23ff822d%22%20d%3D%22M10.068%205.221c.8-1.635%203.16-1.627%203.944.016c.296.616%201.048.86%201.656.537l.377-.197c1.464-.782%203.192.466%202.88%202.085l-.08.41A1.19%201.19%200%200%200%2019.86%209.47l.424.056c1.648.22%202.304%202.235%201.088%203.356l-.312.293a1.176%201.176%200%200%200-.008%201.721l.312.293c1.208%201.137.536%203.143-1.12%203.349l-.424.055a1.194%201.194%200%200%200-1.032%201.39l.08.41c.296%201.62-1.44%202.852-2.896%202.062l-.377-.205a1.216%201.216%200%200%200-1.664.529c-.8%201.635-3.16%201.627-3.944-.016a1.206%201.206%200%200%200-1.656-.537l-.377.197c-1.464.782-3.192-.466-2.88-2.085l.08-.41A1.19%201.19%200%200%200%204.14%2018.53l-.424-.056c-1.648-.22-2.304-2.235-1.088-3.356l.312-.293a1.176%201.176%200%200%200%20.008-1.721l-.312-.293c-1.208-1.137-.536-3.143%201.12-3.348l.424-.056a1.194%201.194%200%200%200%201.032-1.39l-.08-.41c-.296-1.62%201.44-2.852%202.896-2.062l.377.205c.608.324%201.36.087%201.664-.529%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M12%2022a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20fill%3D%22%23f3eef8%22%20d%3D%22M14.575%2014.71c3.467-3.557%209.158-3.618%2012.715-.15c3.297%203.216%203.587%208.346.862%2011.913A8.39%208.39%200%200%201%2021.308%2030H8.593a6.5%206.5%200%200%201-5.18-2.565A6.48%206.48%200%200%201%202%2023.397a6.47%206.47%200%200%201%206.584-6.472a4.04%204.04%200%200%201%205.65-1.847a9%209%200%200%201%20.341-.368%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/sun-behind-cloud.svg?color=%231a73e8&size=48
