cloud with rain emoji
cloud-with-rain from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- cloud-with-rain
- 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 cloud with rain 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 3.843C24.085.04 17.866.056 14 3.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 21h12.715a9.39 9.39 0 0 0 7.648-3.933c3.017-3.96 2.693-9.652-.968-13.224"/><path fill="#f3eef8" d="M14.575 4.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 20H8.593a6.5 6.5 0 0 1-5.18-2.565A6.48 6.48 0 0 1 2 13.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"/><path fill="#3f5fff" d="m8.71 22.986l-2.391 3.272a1.805 1.805 0 0 1-2.526.393a1.805 1.805 0 0 1-.394-2.526l2.392-3.271a1.806 1.806 0 0 1 2.526-.394c.807.59.983 1.719.393 2.526m6.605 0l-2.39 3.272a1.805 1.805 0 0 1-2.527.393a1.805 1.805 0 0 1-.393-2.526l2.391-3.271a1.805 1.805 0 0 1 2.526-.394c.807.59.983 1.719.393 2.526m4.215 3.272l2.39-3.272a1.805 1.805 0 0 0-.393-2.526a1.805 1.805 0 0 0-2.525.394l-2.392 3.271a1.805 1.805 0 0 0 .394 2.526c.807.59 1.935.414 2.525-.393"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatCloudWithRain(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 3.843C24.085.04 17.866.056 14 3.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 21h12.715a9.39 9.39 0 0 0 7.648-3.933c3.017-3.96 2.693-9.652-.968-13.224"/><path fill="#f3eef8" d="M14.575 4.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 20H8.593a6.5 6.5 0 0 1-5.18-2.565A6.48 6.48 0 0 1 2 13.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"/><path fill="#3f5fff" d="m8.71 22.986l-2.391 3.272a1.805 1.805 0 0 1-2.526.393a1.805 1.805 0 0 1-.394-2.526l2.392-3.271a1.806 1.806 0 0 1 2.526-.394c.807.59.983 1.719.393 2.526m6.605 0l-2.39 3.272a1.805 1.805 0 0 1-2.527.393a1.805 1.805 0 0 1-.393-2.526l2.391-3.271a1.805 1.805 0 0 1 2.526-.394c.807.59.983 1.719.393 2.526m4.215 3.272l2.39-3.272a1.805 1.805 0 0 0-.393-2.526a1.805 1.805 0 0 0-2.525.394l-2.392 3.271a1.805 1.805 0 0 0 .394 2.526c.807.59 1.935.414 2.525-.393"/></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 3.843C24.085.04 17.866.056 14 3.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 21h12.715a9.39 9.39 0 0 0 7.648-3.933c3.017-3.96 2.693-9.652-.968-13.224"/><path fill="#f3eef8" d="M14.575 4.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 20H8.593a6.5 6.5 0 0 1-5.18-2.565A6.48 6.48 0 0 1 2 13.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"/><path fill="#3f5fff" d="m8.71 22.986l-2.391 3.272a1.805 1.805 0 0 1-2.526.393a1.805 1.805 0 0 1-.394-2.526l2.392-3.271a1.806 1.806 0 0 1 2.526-.394c.807.59.983 1.719.393 2.526m6.605 0l-2.39 3.272a1.805 1.805 0 0 1-2.527.393a1.805 1.805 0 0 1-.393-2.526l2.391-3.271a1.805 1.805 0 0 1 2.526-.394c.807.59.983 1.719.393 2.526m4.215 3.272l2.39-3.272a1.805 1.805 0 0 0-.393-2.526a1.805 1.805 0 0 0-2.525.394l-2.392 3.271a1.805 1.805 0 0 0 .394 2.526c.807.59 1.935.414 2.525-.393"/></g></svg> </template>
CSS
.icon-cloud-with-rain {
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%203.843C24.085.04%2017.866.056%2014%203.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%2021h12.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%23f3eef8%22%20d%3D%22M14.575%204.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%2020H8.593a6.5%206.5%200%200%201-5.18-2.565A6.48%206.48%200%200%201%202%2013.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%3Cpath%20fill%3D%22%233f5fff%22%20d%3D%22m8.71%2022.986l-2.391%203.272a1.805%201.805%200%200%201-2.526.393a1.805%201.805%200%200%201-.394-2.526l2.392-3.271a1.806%201.806%200%200%201%202.526-.394c.807.59.983%201.719.393%202.526m6.605%200l-2.39%203.272a1.805%201.805%200%200%201-2.527.393a1.805%201.805%200%200%201-.393-2.526l2.391-3.271a1.805%201.805%200%200%201%202.526-.394c.807.59.983%201.719.393%202.526m4.215%203.272l2.39-3.272a1.805%201.805%200%200%200-.393-2.526a1.805%201.805%200%200%200-2.525.394l-2.392%203.271a1.805%201.805%200%200%200%20.394%202.526c.807.59%201.935.414%202.525-.393%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%203.843C24.085.04%2017.866.056%2014%203.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%2021h12.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%23f3eef8%22%20d%3D%22M14.575%204.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%2020H8.593a6.5%206.5%200%200%201-5.18-2.565A6.48%206.48%200%200%201%202%2013.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%3Cpath%20fill%3D%22%233f5fff%22%20d%3D%22m8.71%2022.986l-2.391%203.272a1.805%201.805%200%200%201-2.526.393a1.805%201.805%200%200%201-.394-2.526l2.392-3.271a1.806%201.806%200%200%201%202.526-.394c.807.59.983%201.719.393%202.526m6.605%200l-2.39%203.272a1.805%201.805%200%200%201-2.527.393a1.805%201.805%200%200%201-.393-2.526l2.391-3.271a1.805%201.805%200%200%201%202.526-.394c.807.59.983%201.719.393%202.526m4.215%203.272l2.39-3.272a1.805%201.805%200%200%200-.393-2.526a1.805%201.805%200%200%200-2.525.394l-2.392%203.271a1.805%201.805%200%200%200%20.394%202.526c.807.59%201.935.414%202.525-.393%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/cloud-with-rain.svg?color=%231a73e8&size=48
