Umbrella With Rain Drops icon
fluent-emoji:umbrella-with-rain-drops
The Umbrella With Rain Drops icon (fluent-emoji:umbrella-with-rain-drops) is a free SVG icon from the Fluent Emoji set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent Emoji
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
- Tags
- umbrellawith, withrain, raindrops, umbrellawithraindrops, drop
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iumU4rc)"><path fill="url(#i6g8jYb)" fill-rule="evenodd" d="M16.108 21.905a1 1 0 0 1 1 1v3.54a3.463 3.463 0 0 1-3.47 3.47a3.47 3.47 0 0 1-3.47-3.47a1 1 0 1 1 2 0c0 .81.655 1.47 1.47 1.47c.818 0 1.47-.652 1.47-1.47v-3.54a1 1 0 0 1 1-1" clip-rule="evenodd"/></g><g filter="url(#iZ0Pgfd)"><path stroke="url(#iKNAkhe)" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".5" d="M11.168 26.146a2.553 2.553 0 0 0 2.554 2.554a2.546 2.546 0 0 0 2.554-2.554v-3.66"/></g><g filter="url(#iZGM2Bq)"><path fill="url(#i0eogAb)" d="M17.108 4.245a1 1 0 1 0-2 0V22.4c0 .05.073.072.103.03c.215-.287.545-.524.914-.524c.353 0 .67.223.884.489c.031.038.1.017.1-.033z"/><path fill="url(#iuNTQZd)" d="M17.108 4.245a1 1 0 1 0-2 0V22.4c0 .05.073.072.103.03c.215-.287.545-.524.914-.524c.353 0 .67.223.884.489c.031.038.1.017.1-.033z"/></g><path fill="url(#iym2x8d)" d="M17.017 2.814c.02.085-.05.159-.136.159h-1.576c-.086 0-.156-.074-.136-.159a.95.95 0 0 1 1.848 0"/><path fill="url(#iunfSje)" d="M17.017 2.814c.02.085-.05.159-.136.159h-1.576c-.086 0-.156-.074-.136-.159a.95.95 0 0 1 1.848 0"/><g filter="url(#itMQW7Q)"><path fill="url(#icFrsqe)" d="M5.628 14.925c1.28 0 2.4.7 3 1.73c.1.16.27.26.46.26h.06c.19 0 .36-.1.46-.26a3.49 3.49 0 0 1 3-1.73c1.28 0 2.4.7 3 1.73c.1.16.27.26.46.26h.06c.19 0 .36-.1.46-.26a3.49 3.49 0 0 1 3-1.73c1.28 0 2.4.7 3 1.73c.1.16.27.26.46.26h.06c.19 0 .36-.1.46-.26a3.49 3.49 0 0 1 3-1.73c1.34 0 2.5.76 3.08 1.88c.04.07.11.12.19.12c.12 0 .22-.1.22-.22c-.1-7.62-6.31-13.76-13.96-13.76s-13.85 6.14-13.97 13.75c0 .12.1.22.22.22c.08 0 .16-.05.19-.12a3.5 3.5 0 0 1 3.09-1.87"/><path fill="url(#ii7ErJc)" d="M5.628 14.925c1.28 0 2.4.7 3 1.73c.1.16.27.26.46.26h.06c.19 0 .36-.1.46-.26a3.49 3.49 0 0 1 3-1.73c1.28 0 2.4.7 3 1.73c.1.16.27.26.46.26h.06c.19 0 .36-.1.46-.26a3.49 3.49 0 0 1 3-1.73c1.28 0 2.4.7 3 1.73c.1.16.27.26.46.26h.06c.19 0 .36-.1.46-.26a3.49 3.49 0 0 1 3-1.73c1.34 0 2.5.76 3.08 1.88c.04.07.11.12.19.12c.12 0 .22-.1.22-.22c-.1-7.62-6.31-13.76-13.96-13.76s-13.85 6.14-13.97 13.75c0 .12.1.22.22.22c.08 0 .16-.05.19-.12a3.5 3.5 0 0 1 3.09-1.87"/><path fill="url(#iikUDLp)" d="M5.628 14.925c1.28 0 2.4.7 3 1.73c.1.16.27.26.46.26h.06c.19 0 .36-.1.46-.26a3.49 3.49 0 0 1 3-1.73c1.28 0 2.4.7 3 1.73c.1.16.27.26.46.26h.06c.19 0 .36-.1.46-.26a3.49 3.49 0 0 1 3-1.73c1.28 0 2.4.7 3 1.73c.1.16.27.26.46.26h.06c.19 0 .36-.1.46-.26a3.49 3.49 0 0 1 3-1.73c1.34 0 2.5.76 3.08 1.88c.04.07.11.12.19.12c.12 0 .22-.1.22-.22c-.1-7.62-6.31-13.76-13.96-13.76s-13.85 6.14-13.97 13.75c0 .12.1.22.22.22c.08 0 .16-.05.19-.12a3.5 3.5 0 0 1 3.09-1.87"/><path fill="url(#ijxNG0b)" d="M5.628 14.925c1.28 0 2.4.7 3 1.73c.1.16.27.26.46.26h.06c.19 0 .36-.1.46-.26a3.49 3.49 0 0 1 3-1.73c1.28 0 2.4.7 3 1.73c.1.16.27.26.46.26h.06c.19 0 .36-.1.46-.26a3.49 3.49 0 0 1 3-1.73c1.28 0 2.4.7 3 1.73c.1.16.27.26.46.26h.06c.19 0 .36-.1.46-.26a3.49 3.49 0 0 1 3-1.73c1.34 0 2.5.76 3.08 1.88c.04.07.11.12.19.12c.12 0 .22-.1.22-.22c-.1-7.62-6.31-13.76-13.96-13.76s-13.85 6.14-13.97 13.75c0 .12.1.22.22.22c.08 0 .16-.05.19-.12a3.5 3.5 0 0 1 3.09-1.87"/></g><g filter="url(#iTZpSbc)"><path stroke="url(#i04i5dc)" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".4" d="M15.934 4.075v10.84"/></g><g filter="url(#irqzbtd)"><path stroke="url(#iyQBi3c)" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".4" d="M16.403 4.075v10.84"/></g><g filter="url(#ihjUgsd)"><path stroke="#7B5EA6" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".5" d="M9.168 14.865c0-5.99 2.61-10.06 6-10.84"/></g><g filter="url(#iBWFX2d)"><path stroke="url(#iBKlBGb)" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".5" d="M23.098 14.915c0-5.95-2.58-10.05-5.93-10.88"/></g><g filter="url(#i1X4ffc)"><path stroke="url(#iUMgixU)" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".15" d="M23.098 14.915c0-5.95-2.58-10.05-5.93-10.88"/></g><g filter="url(#i8sx96d)"><rect width="2.729" height="5.364" x="5.332" y="1.596" fill="#4C7CFD" rx="1.364" transform="rotate(34.846 5.332 1.596)"/><rect width="2.729" height="5.364" x="5.332" y="1.596" fill="url(#iBfl9AN)" rx="1.364" transform="rotate(34.846 5.332 1.596)"/></g><g filter="url(#ibHwgWc)"><rect width="2.729" height="5.364" x="21.197" y="1.596" fill="#5994FD" rx="1.364" transform="rotate(34.846 21.197 1.596)"/><rect width="2.729" height="5.364" x="21.197" y="1.596" fill="url(#iMxel9h)" rx="1.364" transform="rotate(34.846 21.197 1.596)"/></g><rect width="2.729" height="5.364" x="21.197" y="1.596" fill="url(#i64iaje)" rx="1.364" transform="rotate(34.846 21.197 1.596)"/><rect width="2.729" height="5.364" x="21.197" y="1.596" fill="url(#ipj9WlG)" rx="1.364" transform="rotate(34.846 21.197 1.596)"/><g filter="url(#iTlzFvb)"><rect width="2.729" height="5.364" x="12.18" y="5.578" fill="#4C7AF7" rx="1.364" transform="rotate(34.846 12.18 5.578)"/><rect width="2.729" height="5.364" x="12.18" y="5.578" fill="url(#iXZJEJe)" rx="1.364" transform="rotate(34.846 12.18 5.578)"/></g><rect width="2.729" height="5.364" x="12.18" y="5.578" fill="url(#ijUZ7gb)" rx="1.364" transform="rotate(34.846 12.18 5.578)"/><g filter="url(#iGRQRhe)"><rect width="2.729" height="5.364" x="28.045" y="5.578" fill="#5794FC" rx="1.364" transform="rotate(34.846 28.045 5.578)"/><rect width="2.729" height="5.364" x="28.045" y="5.578" fill="url(#iQxFCKc)" rx="1.364" transform="rotate(34.846 28.045 5.578)"/></g><rect width="2.729" height="5.364" x="28.045" y="5.578" fill="url(#iAlPIWq)" rx="1.364" transform="rotate(34.846 28.045 5.578)"/><g filter="url(#iYtZgOe)"><path stroke="#7DBFFF" stroke-width=".5" d="m21.839 3.245l-1.59 2.426"/></g><g filter="url(#iesdStc)"><path stroke="#7DBFFF" stroke-width=".5" d="m28.739 7.346l-1.59 2.426"/></g><g filter="url(#ivEl8ux)"><path stroke="#5D8BFF" stroke-width=".5" d="m12.757 7.51l-1.589 2.425"/></g><defs><filter id="iumU4rc" width="7.19" height="8.26" x="10.168" y="21.655" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.380392 0 0 0 0 0.203922 0 0 0 0 0.368627 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15467"/></filter><filter id="iZ0Pgfd" width="6.608" height="7.714" x="10.418" y="21.736" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15467" stdDeviation=".25"/></filter><filter id="iZGM2Bq" width="2" height="19.307" x="15.108" y="3.145" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.1"/><feGaussianBlur stdDeviation=".05"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.27451 0 0 0 0 0.12549 0 0 0 0 0.427451 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15467"/></filter><filter id="itMQW7Q" width="27.93" height="14.28" x="2.128" y="2.645" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.3"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.266667 0 0 0 0 0.184314 0 0 0 0 0.47451 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15467"/></filter><filter id="iTZpSbc" width="1.2" height="12.04" x="15.334" y="3.475" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15467" stdDeviation=".2"/></filter><filter id="irqzbtd" width="1.2" height="12.04" x="15.803" y="3.475" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15467" stdDeviation=".2"/></filter><filter id="ihjUgsd" width="7.3" height="12.14" x="8.518" y="3.375" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy="-.2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.321569 0 0 0 0 0.254902 0 0 0 0 0.529412 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15467"/><feGaussianBlur result="effect2_foregroundBlur_18_15467" stdDeviation=".2"/></filter><filter id="iBWFX2d" width="7.03" height="11.98" x="16.618" y="3.485" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15467" stdDeviation=".15"/></filter><filter id="i1X4ffc" width="6.38" height="11.33" x="16.943" y="3.81" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15467" stdDeviation=".075"/></filter><filter id="i8sx96d" width="4.985" height="5.042" x="2.802" y="1.981" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".75" dy="-.15"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.254902 0 0 0 0 0.305882 0 0 0 0 0.682353 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15467"/></filter><filter id="ibHwgWc" width="4.385" height="4.992" x="18.667" y="2.031" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy="-.1"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.463958 0 0 0 0 0.552704 0 0 0 0 0.85 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15467"/></filter><filter id="iTlzFvb" width="4.385" height="4.992" x="9.65" y="6.013" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy="-.1"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.463958 0 0 0 0 0.552704 0 0 0 0 0.85 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15467"/></filter><filter id="iGRQRhe" width="4.485" height="4.992" x="25.515" y="6.013" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy="-.1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.278431 0 0 0 0 0.34902 0 0 0 0 0.8 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15467"/></filter><filter id="iYtZgOe" width="4.007" height="4.7" x="19.041" y="2.108" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15467" stdDeviation=".5"/></filter><filter id="iesdStc" width="4.007" height="4.7" x="25.941" y="6.209" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15467" stdDeviation=".5"/></filter><filter id="ivEl8ux" width="4.007" height="4.7" x="9.959" y="6.372" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15467" stdDeviation=".5"/></filter><radialGradient id="i0eogAb" cx="0" cy="0" r="1" gradientTransform="matrix(0 -5.86833 3.00589 0 16.108 21.982)" gradientUnits="userSpaceOnUse"><stop stop-color="#504570"/><stop offset="1" stop-color="#3E3157"/></radialGradient><radialGradient id="iuNTQZd" cx="0" cy="0" r="1" gradientTransform="translate(16.494 21.974)skewY(-90)" gradientUnits="userSpaceOnUse"><stop stop-color="#504573"/><stop offset="1" stop-color="#504573" stop-opacity="0"/></radialGradient><radialGradient id="iym2x8d" cx="0" cy="0" r="1" gradientTransform="matrix(0 -.67343 .80368 0 16.368 2.929)" gradientUnits="userSpaceOnUse"><stop stop-color="#6C5983"/><stop offset="1" stop-color="#563E71"/></radialGradient><radialGradient id="icFrsqe" cx="0" cy="0" r="1" gradientTransform="matrix(-14.00478 5.47573 -8.36133 -21.38501 22.421 8.35)" gradientUnits="userSpaceOnUse"><stop offset=".245" stop-color="#8A60BB"/><stop offset="1" stop-color="#554A87"/></radialGradient><radialGradient id="ii7ErJc" cx="0" cy="0" r="1" gradientTransform="matrix(12.48287 -6.56405 13.96502 26.5573 16.093 16.925)" gradientUnits="userSpaceOnUse"><stop offset=".76" stop-color="#8A63B5" stop-opacity="0"/><stop offset="1" stop-color="#8A63B5"/></radialGradient><radialGradient id="iikUDLp" cx="0" cy="0" r="1" gradientTransform="rotate(168.528 11.265 6.15)scale(21.3383 42.6309)" gradientUnits="userSpaceOnUse"><stop offset=".885" stop-color="#625D82" stop-opacity="0"/><stop offset="1" stop-color="#625D82"/></radialGradient><radialGradient id="ijxNG0b" cx="0" cy="0" r="1" gradientTransform="rotate(139.582 6.85 6.214)scale(11.5278 5.15191)" gradientUnits="userSpaceOnUse"><stop stop-color="#604695"/><stop offset="1" stop-color="#604695" stop-opacity="0"/></radialGradient><radialGradient id="iBfl9AN" cx="0" cy="0" r="1" gradientTransform="matrix(.97195 -1.34789 1.24277 .89615 7.406 1.547)" gradientUnits="userSpaceOnUse"><stop stop-color="#72A7FF"/><stop offset="1" stop-color="#72A7FF" stop-opacity="0"/></radialGradient><radialGradient id="iMxel9h" cx="0" cy="0" r="1" gradientTransform="matrix(.97195 -1.34788 1.24276 .89615 23.271 1.546)" gradientUnits="userSpaceOnUse"><stop stop-color="#7DBFFF"/><stop offset="1" stop-color="#7DBFFF" stop-opacity="0"/></radialGradient><radialGradient id="iXZJEJe" cx="0" cy="0" r="1" gradientTransform="matrix(.97195 -1.34788 1.24276 .89615 14.254 5.529)" gradientUnits="userSpaceOnUse"><stop stop-color="#6EA6FF"/><stop offset="1" stop-color="#6EA6FF" stop-opacity="0"/></radialGradient><radialGradient id="iQxFCKc" cx="0" cy="0" r="1" gradientTransform="matrix(.97195 -1.34788 1.24276 .89615 30.12 5.529)" gradientUnits="userSpaceOnUse"><stop stop-color="#7DBFFF"/><stop offset="1" stop-color="#7DBFFF" stop-opacity="0"/></radialGradient><linearGradient id="i6g8jYb" x1="13.638" x2="13.638" y1="21.905" y2="29.075" gradientUnits="userSpaceOnUse"><stop stop-color="#7B4F49"/><stop offset="1" stop-color="#60333E"/></linearGradient><linearGradient id="iKNAkhe" x1="15.353" x2="15.353" y1="28.515" y2="18.369" gradientUnits="userSpaceOnUse"><stop offset=".381" stop-color="#886B69"/><stop offset="1" stop-color="#886B69" stop-opacity="0"/></linearGradient><linearGradient id="iunfSje" x1="16.19" x2="16.19" y1="2.973" y2="2.755" gradientUnits="userSpaceOnUse"><stop stop-color="#4A1876"/><stop offset="1" stop-color="#4A1876" stop-opacity="0"/></linearGradient><linearGradient id="i04i5dc" x1="15.463" x2="15.463" y1="13.45" y2="3.106" gradientUnits="userSpaceOnUse"><stop stop-color="#7463A2"/><stop offset="1" stop-color="#7463A2" stop-opacity="0"/></linearGradient><linearGradient id="iyQBi3c" x1="15.932" x2="15.932" y1="13.45" y2="3.106" gradientUnits="userSpaceOnUse"><stop stop-color="#593E94"/><stop offset="1" stop-color="#68429F" stop-opacity="0"/></linearGradient><linearGradient id="iBKlBGb" x1="21.881" x2="15.649" y1="13.25" y2="3.235" gradientUnits="userSpaceOnUse"><stop stop-color="#7845AE"/><stop offset="1" stop-color="#7147A3"/></linearGradient><linearGradient id="iUMgixU" x1="23.098" x2="21.534" y1="16.053" y2="6.091" gradientUnits="userSpaceOnUse"><stop stop-color="#805FB2"/><stop offset="1" stop-color="#805FB2" stop-opacity="0"/></linearGradient><linearGradient id="i64iaje" x1="22.941" x2="22.788" y1="8.047" y2="5.641" gradientUnits="userSpaceOnUse"><stop stop-color="#414BB6"/><stop offset="1" stop-color="#414BB6" stop-opacity="0"/></linearGradient><linearGradient id="ipj9WlG" x1="20.647" x2="22.499" y1="3.307" y2="3.304" gradientUnits="userSpaceOnUse"><stop stop-color="#6487CC"/><stop offset="1" stop-color="#6487CC" stop-opacity="0"/></linearGradient><linearGradient id="ijUZ7gb" x1="13.923" x2="13.771" y1="12.03" y2="9.623" gradientUnits="userSpaceOnUse"><stop stop-color="#414BB6"/><stop offset="1" stop-color="#414BB6" stop-opacity="0"/></linearGradient><linearGradient id="iAlPIWq" x1="29.789" x2="29.636" y1="12.03" y2="9.623" gradientUnits="userSpaceOnUse"><stop stop-color="#4D53CC"/><stop offset="1" stop-color="#4D53CC" stop-opacity="0"/></linearGradient></defs></g></svg>How to use the Umbrella With Rain Drops icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:umbrella-with-rain-drops" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:umbrella-with-rain-drops" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:umbrella-with-rain-drops" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--umbrella-with-rain-drops]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:umbrella-with-rain-drops"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:umbrella-with-rain-drops"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji/umbrella-with-rain-drops.svg" alt="Umbrella With Rain Drops icon" width="24" height="24">Related icons in Fluent Emoji
Umbrella With Rain Drops icon in other icon sets
Umbrella With Rain Drops icon FAQ
Is the Umbrella With Rain Drops icon free for commercial use?
Yes. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Umbrella With Rain Drops icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji:umbrella-with-rain-drops" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Umbrella With Rain Drops icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/umbrella-with-rain-drops.svg" alt="Umbrella With Rain Drops icon">, or paste the SVG code inline to style it with CSS.