cloud with snow emoji
cloud-with-snow from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- cloud-with-snow
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More travel & places icons from Fluent Emoji High Contrast
Use the cloud with snow emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" 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.584-6.472a4.04 4.04 0 0 1 5.65-1.847q.164-.188.341-.368m-3.726 18.32a.77.77 0 0 1 1.303 0l.32.509a.77.77 0 0 0 .737.354l.597-.066a.77.77 0 0 1 .813 1.02l-.197.567a.77.77 0 0 0 .181.796l.425.427a.77.77 0 0 1-.29 1.27l-.568.2a.77.77 0 0 0-.509.639l-.069.597a.77.77 0 0 1-1.174.566l-.51-.319a.77.77 0 0 0-.816 0l-.51.319a.77.77 0 0 1-1.174-.566l-.07-.597a.77.77 0 0 0-.508-.639l-.568-.2a.77.77 0 0 1-.29-1.27l.425-.427a.77.77 0 0 0 .181-.796l-.197-.568a.77.77 0 0 1 .813-1.018l.597.065a.77.77 0 0 0 .736-.354zm10.335-2.364a.588.588 0 0 0-.946-.3a.59.59 0 0 1-.617.087a.587.587 0 0 0-.825.553a.59.59 0 0 1-.315.536a.588.588 0 0 0-.083.99c.18.135.266.36.223.581a.588.588 0 0 0 .723.682a.59.59 0 0 1 .593.188c.28.329.806.254.983-.14a.59.59 0 0 1 .517-.346a.587.587 0 0 0 .504-.856a.59.59 0 0 1 .052-.62a.588.588 0 0 0-.356-.928a.59.59 0 0 1-.453-.427"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastCloudWithSnow(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" 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.584-6.472a4.04 4.04 0 0 1 5.65-1.847q.164-.188.341-.368m-3.726 18.32a.77.77 0 0 1 1.303 0l.32.509a.77.77 0 0 0 .737.354l.597-.066a.77.77 0 0 1 .813 1.02l-.197.567a.77.77 0 0 0 .181.796l.425.427a.77.77 0 0 1-.29 1.27l-.568.2a.77.77 0 0 0-.509.639l-.069.597a.77.77 0 0 1-1.174.566l-.51-.319a.77.77 0 0 0-.816 0l-.51.319a.77.77 0 0 1-1.174-.566l-.07-.597a.77.77 0 0 0-.508-.639l-.568-.2a.77.77 0 0 1-.29-1.27l.425-.427a.77.77 0 0 0 .181-.796l-.197-.568a.77.77 0 0 1 .813-1.018l.597.065a.77.77 0 0 0 .736-.354zm10.335-2.364a.588.588 0 0 0-.946-.3a.59.59 0 0 1-.617.087a.587.587 0 0 0-.825.553a.59.59 0 0 1-.315.536a.588.588 0 0 0-.083.99c.18.135.266.36.223.581a.588.588 0 0 0 .723.682a.59.59 0 0 1 .593.188c.28.329.806.254.983-.14a.59.59 0 0 1 .517-.346a.587.587 0 0 0 .504-.856a.59.59 0 0 1 .052-.62a.588.588 0 0 0-.356-.928a.59.59 0 0 1-.453-.427"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" 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.584-6.472a4.04 4.04 0 0 1 5.65-1.847q.164-.188.341-.368m-3.726 18.32a.77.77 0 0 1 1.303 0l.32.509a.77.77 0 0 0 .737.354l.597-.066a.77.77 0 0 1 .813 1.02l-.197.567a.77.77 0 0 0 .181.796l.425.427a.77.77 0 0 1-.29 1.27l-.568.2a.77.77 0 0 0-.509.639l-.069.597a.77.77 0 0 1-1.174.566l-.51-.319a.77.77 0 0 0-.816 0l-.51.319a.77.77 0 0 1-1.174-.566l-.07-.597a.77.77 0 0 0-.508-.639l-.568-.2a.77.77 0 0 1-.29-1.27l.425-.427a.77.77 0 0 0 .181-.796l-.197-.568a.77.77 0 0 1 .813-1.018l.597.065a.77.77 0 0 0 .736-.354zm10.335-2.364a.588.588 0 0 0-.946-.3a.59.59 0 0 1-.617.087a.587.587 0 0 0-.825.553a.59.59 0 0 1-.315.536a.588.588 0 0 0-.083.99c.18.135.266.36.223.581a.588.588 0 0 0 .723.682a.59.59 0 0 1 .593.188c.28.329.806.254.983-.14a.59.59 0 0 1 .517-.346a.587.587 0 0 0 .504-.856a.59.59 0 0 1 .052-.62a.588.588 0 0 0-.356-.928a.59.59 0 0 1-.453-.427"/></svg> </template>
CSS
.icon-cloud-with-snow {
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%3Cpath%20fill%3D%22currentColor%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.584-6.472a4.04%204.04%200%200%201%205.65-1.847q.164-.188.341-.368m-3.726%2018.32a.77.77%200%200%201%201.303%200l.32.509a.77.77%200%200%200%20.737.354l.597-.066a.77.77%200%200%201%20.813%201.02l-.197.567a.77.77%200%200%200%20.181.796l.425.427a.77.77%200%200%201-.29%201.27l-.568.2a.77.77%200%200%200-.509.639l-.069.597a.77.77%200%200%201-1.174.566l-.51-.319a.77.77%200%200%200-.816%200l-.51.319a.77.77%200%200%201-1.174-.566l-.07-.597a.77.77%200%200%200-.508-.639l-.568-.2a.77.77%200%200%201-.29-1.27l.425-.427a.77.77%200%200%200%20.181-.796l-.197-.568a.77.77%200%200%201%20.813-1.018l.597.065a.77.77%200%200%200%20.736-.354zm10.335-2.364a.588.588%200%200%200-.946-.3a.59.59%200%200%201-.617.087a.587.587%200%200%200-.825.553a.59.59%200%200%201-.315.536a.588.588%200%200%200-.083.99c.18.135.266.36.223.581a.588.588%200%200%200%20.723.682a.59.59%200%200%201%20.593.188c.28.329.806.254.983-.14a.59.59%200%200%201%20.517-.346a.587.587%200%200%200%20.504-.856a.59.59%200%200%201%20.052-.62a.588.588%200%200%200-.356-.928a.59.59%200%200%201-.453-.427%22%2F%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%3Cpath%20fill%3D%22currentColor%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.584-6.472a4.04%204.04%200%200%201%205.65-1.847q.164-.188.341-.368m-3.726%2018.32a.77.77%200%200%201%201.303%200l.32.509a.77.77%200%200%200%20.737.354l.597-.066a.77.77%200%200%201%20.813%201.02l-.197.567a.77.77%200%200%200%20.181.796l.425.427a.77.77%200%200%201-.29%201.27l-.568.2a.77.77%200%200%200-.509.639l-.069.597a.77.77%200%200%201-1.174.566l-.51-.319a.77.77%200%200%200-.816%200l-.51.319a.77.77%200%200%201-1.174-.566l-.07-.597a.77.77%200%200%200-.508-.639l-.568-.2a.77.77%200%200%201-.29-1.27l.425-.427a.77.77%200%200%200%20.181-.796l-.197-.568a.77.77%200%200%201%20.813-1.018l.597.065a.77.77%200%200%200%20.736-.354zm10.335-2.364a.588.588%200%200%200-.946-.3a.59.59%200%200%201-.617.087a.587.587%200%200%200-.825.553a.59.59%200%200%201-.315.536a.588.588%200%200%200-.083.99c.18.135.266.36.223.581a.588.588%200%200%200%20.723.682a.59.59%200%200%201%20.593.188c.28.329.806.254.983-.14a.59.59%200%200%201%20.517-.346a.587.587%200%200%200%20.504-.856a.59.59%200%200%201%20.052-.62a.588.588%200%200%200-.356-.928a.59.59%200%200%201-.453-.427%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/cloud-with-snow.svg?color=%231a73e8&size=48
