sun behind rain cloud emoji
sun-behind-rain-cloud from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- sun-behind-rain-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 rain 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 5.843C24.085 2.04 17.866 2.056 14 5.87a5.044 5.044 0 0 0-6 2.07a7.47 7.47 0 0 0-7 7.457c0 1.756.612 3.373 1.623 4.652A7.5 7.5 0 0 0 8.593 23h12.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="M7.997 2.963c.58-1.26 2.36-1.29 2.98-.05c.23.47.81.64 1.26.39l.28-.16c1.1-.62 2.42.31 2.21 1.55l-.05.32c-.09.51.27 1 .79 1.05l.32.04c1.25.14 1.78 1.68.88 2.56l-.23.23c-.37.36-.36.97.02 1.32l.24.22c.93.85.45 2.4-.79 2.58l-.32.05c-.52.08-.86.57-.76 1.08l.06.32c.25 1.24-1.05 2.21-2.16 1.62l-.29-.15a.91.91 0 0 0-1.25.43c-.58 1.26-2.36 1.29-2.98.05a.91.91 0 0 0-1.26-.39l-.28.16c-1.1.62-2.42-.31-2.21-1.55l.05-.32c.09-.51-.27-1-.79-1.05l-.32-.04c-1.25-.14-1.78-1.68-.88-2.56l.23-.23c.37-.36.36-.97-.02-1.32l-.24-.22c-.93-.85-.45-2.4.79-2.58l.32-.05c.52-.08.86-.57.76-1.08l-.06-.32c-.25-1.24 1.04-2.21 2.16-1.62l.29.15c.46.24 1.03.04 1.25-.43"/><path fill="#f9c23c" d="M9.577 15.593a5.94 5.94 0 1 0 0-11.88a5.94 5.94 0 0 0 0 11.88"/><path fill="#3f5fff" d="m7.117 29.283l2.31-3.16c.57-.78.4-1.87-.38-2.44s-1.87-.4-2.44.38l-2.31 3.16c-.57.78-.4 1.87.38 2.44s1.87.4 2.44-.38m8.89-3.16l-2.31 3.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78 1.66-.95 2.44-.38c.77.57.94 1.66.38 2.44m6.57 0l-2.31 3.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78 1.66-.95 2.44-.38c.77.57.94 1.66.38 2.44"/><path fill="#f3eef8" d="M14.575 6.71c3.467-3.557 9.158-3.617 12.715-.15c3.297 3.216 3.587 8.346.862 11.913A8.39 8.39 0 0 1 21.308 22H8.593a6.5 6.5 0 0 1-5.18-2.565A6.48 6.48 0 0 1 2 15.397a6.47 6.47 0 0 1 6.602-6.472a4.05 4.05 0 0 1 5.636-1.852a9 9 0 0 1 .337-.363"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatSunBehindRainCloud(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 5.843C24.085 2.04 17.866 2.056 14 5.87a5.044 5.044 0 0 0-6 2.07a7.47 7.47 0 0 0-7 7.457c0 1.756.612 3.373 1.623 4.652A7.5 7.5 0 0 0 8.593 23h12.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="M7.997 2.963c.58-1.26 2.36-1.29 2.98-.05c.23.47.81.64 1.26.39l.28-.16c1.1-.62 2.42.31 2.21 1.55l-.05.32c-.09.51.27 1 .79 1.05l.32.04c1.25.14 1.78 1.68.88 2.56l-.23.23c-.37.36-.36.97.02 1.32l.24.22c.93.85.45 2.4-.79 2.58l-.32.05c-.52.08-.86.57-.76 1.08l.06.32c.25 1.24-1.05 2.21-2.16 1.62l-.29-.15a.91.91 0 0 0-1.25.43c-.58 1.26-2.36 1.29-2.98.05a.91.91 0 0 0-1.26-.39l-.28.16c-1.1.62-2.42-.31-2.21-1.55l.05-.32c.09-.51-.27-1-.79-1.05l-.32-.04c-1.25-.14-1.78-1.68-.88-2.56l.23-.23c.37-.36.36-.97-.02-1.32l-.24-.22c-.93-.85-.45-2.4.79-2.58l.32-.05c.52-.08.86-.57.76-1.08l-.06-.32c-.25-1.24 1.04-2.21 2.16-1.62l.29.15c.46.24 1.03.04 1.25-.43"/><path fill="#f9c23c" d="M9.577 15.593a5.94 5.94 0 1 0 0-11.88a5.94 5.94 0 0 0 0 11.88"/><path fill="#3f5fff" d="m7.117 29.283l2.31-3.16c.57-.78.4-1.87-.38-2.44s-1.87-.4-2.44.38l-2.31 3.16c-.57.78-.4 1.87.38 2.44s1.87.4 2.44-.38m8.89-3.16l-2.31 3.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78 1.66-.95 2.44-.38c.77.57.94 1.66.38 2.44m6.57 0l-2.31 3.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78 1.66-.95 2.44-.38c.77.57.94 1.66.38 2.44"/><path fill="#f3eef8" d="M14.575 6.71c3.467-3.557 9.158-3.617 12.715-.15c3.297 3.216 3.587 8.346.862 11.913A8.39 8.39 0 0 1 21.308 22H8.593a6.5 6.5 0 0 1-5.18-2.565A6.48 6.48 0 0 1 2 15.397a6.47 6.47 0 0 1 6.602-6.472a4.05 4.05 0 0 1 5.636-1.852a9 9 0 0 1 .337-.363"/></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 5.843C24.085 2.04 17.866 2.056 14 5.87a5.044 5.044 0 0 0-6 2.07a7.47 7.47 0 0 0-7 7.457c0 1.756.612 3.373 1.623 4.652A7.5 7.5 0 0 0 8.593 23h12.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="M7.997 2.963c.58-1.26 2.36-1.29 2.98-.05c.23.47.81.64 1.26.39l.28-.16c1.1-.62 2.42.31 2.21 1.55l-.05.32c-.09.51.27 1 .79 1.05l.32.04c1.25.14 1.78 1.68.88 2.56l-.23.23c-.37.36-.36.97.02 1.32l.24.22c.93.85.45 2.4-.79 2.58l-.32.05c-.52.08-.86.57-.76 1.08l.06.32c.25 1.24-1.05 2.21-2.16 1.62l-.29-.15a.91.91 0 0 0-1.25.43c-.58 1.26-2.36 1.29-2.98.05a.91.91 0 0 0-1.26-.39l-.28.16c-1.1.62-2.42-.31-2.21-1.55l.05-.32c.09-.51-.27-1-.79-1.05l-.32-.04c-1.25-.14-1.78-1.68-.88-2.56l.23-.23c.37-.36.36-.97-.02-1.32l-.24-.22c-.93-.85-.45-2.4.79-2.58l.32-.05c.52-.08.86-.57.76-1.08l-.06-.32c-.25-1.24 1.04-2.21 2.16-1.62l.29.15c.46.24 1.03.04 1.25-.43"/><path fill="#f9c23c" d="M9.577 15.593a5.94 5.94 0 1 0 0-11.88a5.94 5.94 0 0 0 0 11.88"/><path fill="#3f5fff" d="m7.117 29.283l2.31-3.16c.57-.78.4-1.87-.38-2.44s-1.87-.4-2.44.38l-2.31 3.16c-.57.78-.4 1.87.38 2.44s1.87.4 2.44-.38m8.89-3.16l-2.31 3.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78 1.66-.95 2.44-.38c.77.57.94 1.66.38 2.44m6.57 0l-2.31 3.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78 1.66-.95 2.44-.38c.77.57.94 1.66.38 2.44"/><path fill="#f3eef8" d="M14.575 6.71c3.467-3.557 9.158-3.617 12.715-.15c3.297 3.216 3.587 8.346.862 11.913A8.39 8.39 0 0 1 21.308 22H8.593a6.5 6.5 0 0 1-5.18-2.565A6.48 6.48 0 0 1 2 15.397a6.47 6.47 0 0 1 6.602-6.472a4.05 4.05 0 0 1 5.636-1.852a9 9 0 0 1 .337-.363"/></g></svg> </template>
CSS
.icon-sun-behind-rain-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%205.843C24.085%202.04%2017.866%202.056%2014%205.87a5.044%205.044%200%200%200-6%202.07a7.47%207.47%200%200%200-7%207.457c0%201.756.612%203.373%201.623%204.652A7.5%207.5%200%200%200%208.593%2023h12.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%22M7.997%202.963c.58-1.26%202.36-1.29%202.98-.05c.23.47.81.64%201.26.39l.28-.16c1.1-.62%202.42.31%202.21%201.55l-.05.32c-.09.51.27%201%20.79%201.05l.32.04c1.25.14%201.78%201.68.88%202.56l-.23.23c-.37.36-.36.97.02%201.32l.24.22c.93.85.45%202.4-.79%202.58l-.32.05c-.52.08-.86.57-.76%201.08l.06.32c.25%201.24-1.05%202.21-2.16%201.62l-.29-.15a.91.91%200%200%200-1.25.43c-.58%201.26-2.36%201.29-2.98.05a.91.91%200%200%200-1.26-.39l-.28.16c-1.1.62-2.42-.31-2.21-1.55l.05-.32c.09-.51-.27-1-.79-1.05l-.32-.04c-1.25-.14-1.78-1.68-.88-2.56l.23-.23c.37-.36.36-.97-.02-1.32l-.24-.22c-.93-.85-.45-2.4.79-2.58l.32-.05c.52-.08.86-.57.76-1.08l-.06-.32c-.25-1.24%201.04-2.21%202.16-1.62l.29.15c.46.24%201.03.04%201.25-.43%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M9.577%2015.593a5.94%205.94%200%201%200%200-11.88a5.94%205.94%200%200%200%200%2011.88%22%2F%3E%3Cpath%20fill%3D%22%233f5fff%22%20d%3D%22m7.117%2029.283l2.31-3.16c.57-.78.4-1.87-.38-2.44s-1.87-.4-2.44.38l-2.31%203.16c-.57.78-.4%201.87.38%202.44s1.87.4%202.44-.38m8.89-3.16l-2.31%203.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78%201.66-.95%202.44-.38c.77.57.94%201.66.38%202.44m6.57%200l-2.31%203.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78%201.66-.95%202.44-.38c.77.57.94%201.66.38%202.44%22%2F%3E%3Cpath%20fill%3D%22%23f3eef8%22%20d%3D%22M14.575%206.71c3.467-3.557%209.158-3.617%2012.715-.15c3.297%203.216%203.587%208.346.862%2011.913A8.39%208.39%200%200%201%2021.308%2022H8.593a6.5%206.5%200%200%201-5.18-2.565A6.48%206.48%200%200%201%202%2015.397a6.47%206.47%200%200%201%206.602-6.472a4.05%204.05%200%200%201%205.636-1.852a9%209%200%200%201%20.337-.363%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%205.843C24.085%202.04%2017.866%202.056%2014%205.87a5.044%205.044%200%200%200-6%202.07a7.47%207.47%200%200%200-7%207.457c0%201.756.612%203.373%201.623%204.652A7.5%207.5%200%200%200%208.593%2023h12.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%22M7.997%202.963c.58-1.26%202.36-1.29%202.98-.05c.23.47.81.64%201.26.39l.28-.16c1.1-.62%202.42.31%202.21%201.55l-.05.32c-.09.51.27%201%20.79%201.05l.32.04c1.25.14%201.78%201.68.88%202.56l-.23.23c-.37.36-.36.97.02%201.32l.24.22c.93.85.45%202.4-.79%202.58l-.32.05c-.52.08-.86.57-.76%201.08l.06.32c.25%201.24-1.05%202.21-2.16%201.62l-.29-.15a.91.91%200%200%200-1.25.43c-.58%201.26-2.36%201.29-2.98.05a.91.91%200%200%200-1.26-.39l-.28.16c-1.1.62-2.42-.31-2.21-1.55l.05-.32c.09-.51-.27-1-.79-1.05l-.32-.04c-1.25-.14-1.78-1.68-.88-2.56l.23-.23c.37-.36.36-.97-.02-1.32l-.24-.22c-.93-.85-.45-2.4.79-2.58l.32-.05c.52-.08.86-.57.76-1.08l-.06-.32c-.25-1.24%201.04-2.21%202.16-1.62l.29.15c.46.24%201.03.04%201.25-.43%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M9.577%2015.593a5.94%205.94%200%201%200%200-11.88a5.94%205.94%200%200%200%200%2011.88%22%2F%3E%3Cpath%20fill%3D%22%233f5fff%22%20d%3D%22m7.117%2029.283l2.31-3.16c.57-.78.4-1.87-.38-2.44s-1.87-.4-2.44.38l-2.31%203.16c-.57.78-.4%201.87.38%202.44s1.87.4%202.44-.38m8.89-3.16l-2.31%203.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78%201.66-.95%202.44-.38c.77.57.94%201.66.38%202.44m6.57%200l-2.31%203.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78%201.66-.95%202.44-.38c.77.57.94%201.66.38%202.44%22%2F%3E%3Cpath%20fill%3D%22%23f3eef8%22%20d%3D%22M14.575%206.71c3.467-3.557%209.158-3.617%2012.715-.15c3.297%203.216%203.587%208.346.862%2011.913A8.39%208.39%200%200%201%2021.308%2022H8.593a6.5%206.5%200%200%201-5.18-2.565A6.48%206.48%200%200%201%202%2015.397a6.47%206.47%200%200%201%206.602-6.472a4.05%204.05%200%200%201%205.636-1.852a9%209%200%200%201%20.337-.363%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-rain-cloud.svg?color=%231a73e8&size=48
