umbrella with rain drops emoji

umbrella-with-rain-drops from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.

Name
umbrella-with-rain-drops
Set
Emoji One (Colored)
Style
Default
Category
Nature
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

umbrella-with-rain-dropsFluent Emojiumbrella-with-rain-dropsFluent Emoji Flatumbrella-with-rain-dropsFluent Emoji High Contrastumbrella-with-rain-dropsNoto Emojiumbrella-with-rain-dropsOpenMojiumbrella-with-rain-dropsStreamline Emojisumbrella-with-rain-dropsTwitter Emoji

More nature icons from Emoji One (Colored)

antbaby-chickbatbear-facebirdblossomblowfishboarbouquetbugbutterflycactuscamelcatcat-facecherry-blossomchickenchipmunkcloudcloud-with-lightningcloud-with-lightning-and-raincloud-with-raincloud-with-snowcollision

Use the umbrella with rain drops emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="M32 12c-.5 0-.9.4-.9.9v4.7H33v-4.7c-.1-.5-.5-.9-1-.9"/><path fill="#b8c2c4" d="M31.1 34.5H33v14.4h-1.9z"/><path fill="#ffbe5c" d="M32 16.7v24.4c1.8-2.3 4.5-3.8 7.7-3.8s5.9 1.5 7.7 3.8C45.9 27.3 39.7 16.7 32 16.7"/><path fill="#ed77a8" d="M32 16.7v24.4c-1.8-2.3-4.5-3.8-7.7-3.8c-3.1 0-5.9 1.5-7.7 3.8c1.5-13.8 7.7-24.4 15.4-24.4"/><path fill="#c7e86f" d="M32 16.7c7.7 0 13.9 10.6 15.4 24.4c1.8-2.3 4.5-3.8 7.7-3.8c2.7 0 5.2 1.1 7 2.9C59 26.8 46.7 16.7 32 16.7"/><path fill="#60d4e0" d="M32 16.7c-7.7 0-13.9 10.6-15.4 24.4c-1.8-2.3-4.5-3.8-7.7-3.8c-2.7 0-5.2 1.1-7 2.9C5 26.8 17.3 16.7 32 16.7"/><path fill="#3e4347" d="M30.1 48.9v5.6c0 2.1-1.7 3.8-3.8 3.8s-3.8-1.7-3.8-3.8c0-1-.8-1.9-1.9-1.9c-1 0-1.9.8-1.9 1.9c0 4.1 3.4 7.5 7.5 7.5s7.5-3.4 7.5-7.5v-5.6z"/><path fill="#75d6ff" d="M57.1 2c3.1 4.3 4.9 8.2 4.9 11.4c0 2.7-2.2 5-4.9 5s-4.9-2.2-4.9-5c0-3.2 1.8-7.2 4.9-11.4M40.4 12.1c3.1 4.3 4.9 8.2 4.9 11.4c0 2.7-2.2 5-4.9 5s-4.9-2.2-4.9-5c-.1-3.2 1.8-7.2 4.9-11.4M23.6 2c3.1 4.3 4.9 8.2 4.9 11.4c0 2.7-2.2 5-4.9 5s-4.9-2.2-4.9-5c0-3.2 1.9-7.2 4.9-11.4M6.9 12.1c3.1 4.3 4.9 8.2 4.9 11.4c0 2.7-2.2 5-4.9 5S2 26.3 2 23.5c0-3.2 1.8-7.2 4.9-11.4"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneUmbrellaWithRainDrops(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="M32 12c-.5 0-.9.4-.9.9v4.7H33v-4.7c-.1-.5-.5-.9-1-.9"/><path fill="#b8c2c4" d="M31.1 34.5H33v14.4h-1.9z"/><path fill="#ffbe5c" d="M32 16.7v24.4c1.8-2.3 4.5-3.8 7.7-3.8s5.9 1.5 7.7 3.8C45.9 27.3 39.7 16.7 32 16.7"/><path fill="#ed77a8" d="M32 16.7v24.4c-1.8-2.3-4.5-3.8-7.7-3.8c-3.1 0-5.9 1.5-7.7 3.8c1.5-13.8 7.7-24.4 15.4-24.4"/><path fill="#c7e86f" d="M32 16.7c7.7 0 13.9 10.6 15.4 24.4c1.8-2.3 4.5-3.8 7.7-3.8c2.7 0 5.2 1.1 7 2.9C59 26.8 46.7 16.7 32 16.7"/><path fill="#60d4e0" d="M32 16.7c-7.7 0-13.9 10.6-15.4 24.4c-1.8-2.3-4.5-3.8-7.7-3.8c-2.7 0-5.2 1.1-7 2.9C5 26.8 17.3 16.7 32 16.7"/><path fill="#3e4347" d="M30.1 48.9v5.6c0 2.1-1.7 3.8-3.8 3.8s-3.8-1.7-3.8-3.8c0-1-.8-1.9-1.9-1.9c-1 0-1.9.8-1.9 1.9c0 4.1 3.4 7.5 7.5 7.5s7.5-3.4 7.5-7.5v-5.6z"/><path fill="#75d6ff" d="M57.1 2c3.1 4.3 4.9 8.2 4.9 11.4c0 2.7-2.2 5-4.9 5s-4.9-2.2-4.9-5c0-3.2 1.8-7.2 4.9-11.4M40.4 12.1c3.1 4.3 4.9 8.2 4.9 11.4c0 2.7-2.2 5-4.9 5s-4.9-2.2-4.9-5c-.1-3.2 1.8-7.2 4.9-11.4M23.6 2c3.1 4.3 4.9 8.2 4.9 11.4c0 2.7-2.2 5-4.9 5s-4.9-2.2-4.9-5c0-3.2 1.9-7.2 4.9-11.4M6.9 12.1c3.1 4.3 4.9 8.2 4.9 11.4c0 2.7-2.2 5-4.9 5S2 26.3 2 23.5c0-3.2 1.8-7.2 4.9-11.4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="M32 12c-.5 0-.9.4-.9.9v4.7H33v-4.7c-.1-.5-.5-.9-1-.9"/><path fill="#b8c2c4" d="M31.1 34.5H33v14.4h-1.9z"/><path fill="#ffbe5c" d="M32 16.7v24.4c1.8-2.3 4.5-3.8 7.7-3.8s5.9 1.5 7.7 3.8C45.9 27.3 39.7 16.7 32 16.7"/><path fill="#ed77a8" d="M32 16.7v24.4c-1.8-2.3-4.5-3.8-7.7-3.8c-3.1 0-5.9 1.5-7.7 3.8c1.5-13.8 7.7-24.4 15.4-24.4"/><path fill="#c7e86f" d="M32 16.7c7.7 0 13.9 10.6 15.4 24.4c1.8-2.3 4.5-3.8 7.7-3.8c2.7 0 5.2 1.1 7 2.9C59 26.8 46.7 16.7 32 16.7"/><path fill="#60d4e0" d="M32 16.7c-7.7 0-13.9 10.6-15.4 24.4c-1.8-2.3-4.5-3.8-7.7-3.8c-2.7 0-5.2 1.1-7 2.9C5 26.8 17.3 16.7 32 16.7"/><path fill="#3e4347" d="M30.1 48.9v5.6c0 2.1-1.7 3.8-3.8 3.8s-3.8-1.7-3.8-3.8c0-1-.8-1.9-1.9-1.9c-1 0-1.9.8-1.9 1.9c0 4.1 3.4 7.5 7.5 7.5s7.5-3.4 7.5-7.5v-5.6z"/><path fill="#75d6ff" d="M57.1 2c3.1 4.3 4.9 8.2 4.9 11.4c0 2.7-2.2 5-4.9 5s-4.9-2.2-4.9-5c0-3.2 1.8-7.2 4.9-11.4M40.4 12.1c3.1 4.3 4.9 8.2 4.9 11.4c0 2.7-2.2 5-4.9 5s-4.9-2.2-4.9-5c-.1-3.2 1.8-7.2 4.9-11.4M23.6 2c3.1 4.3 4.9 8.2 4.9 11.4c0 2.7-2.2 5-4.9 5s-4.9-2.2-4.9-5c0-3.2 1.9-7.2 4.9-11.4M6.9 12.1c3.1 4.3 4.9 8.2 4.9 11.4c0 2.7-2.2 5-4.9 5S2 26.3 2 23.5c0-3.2 1.8-7.2 4.9-11.4"/></svg>
</template>

CSS

.icon-umbrella-with-rain-drops {
  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%2064%2064%22%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M32%2012c-.5%200-.9.4-.9.9v4.7H33v-4.7c-.1-.5-.5-.9-1-.9%22%2F%3E%3Cpath%20fill%3D%22%23b8c2c4%22%20d%3D%22M31.1%2034.5H33v14.4h-1.9z%22%2F%3E%3Cpath%20fill%3D%22%23ffbe5c%22%20d%3D%22M32%2016.7v24.4c1.8-2.3%204.5-3.8%207.7-3.8s5.9%201.5%207.7%203.8C45.9%2027.3%2039.7%2016.7%2032%2016.7%22%2F%3E%3Cpath%20fill%3D%22%23ed77a8%22%20d%3D%22M32%2016.7v24.4c-1.8-2.3-4.5-3.8-7.7-3.8c-3.1%200-5.9%201.5-7.7%203.8c1.5-13.8%207.7-24.4%2015.4-24.4%22%2F%3E%3Cpath%20fill%3D%22%23c7e86f%22%20d%3D%22M32%2016.7c7.7%200%2013.9%2010.6%2015.4%2024.4c1.8-2.3%204.5-3.8%207.7-3.8c2.7%200%205.2%201.1%207%202.9C59%2026.8%2046.7%2016.7%2032%2016.7%22%2F%3E%3Cpath%20fill%3D%22%2360d4e0%22%20d%3D%22M32%2016.7c-7.7%200-13.9%2010.6-15.4%2024.4c-1.8-2.3-4.5-3.8-7.7-3.8c-2.7%200-5.2%201.1-7%202.9C5%2026.8%2017.3%2016.7%2032%2016.7%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M30.1%2048.9v5.6c0%202.1-1.7%203.8-3.8%203.8s-3.8-1.7-3.8-3.8c0-1-.8-1.9-1.9-1.9c-1%200-1.9.8-1.9%201.9c0%204.1%203.4%207.5%207.5%207.5s7.5-3.4%207.5-7.5v-5.6z%22%2F%3E%3Cpath%20fill%3D%22%2375d6ff%22%20d%3D%22M57.1%202c3.1%204.3%204.9%208.2%204.9%2011.4c0%202.7-2.2%205-4.9%205s-4.9-2.2-4.9-5c0-3.2%201.8-7.2%204.9-11.4M40.4%2012.1c3.1%204.3%204.9%208.2%204.9%2011.4c0%202.7-2.2%205-4.9%205s-4.9-2.2-4.9-5c-.1-3.2%201.8-7.2%204.9-11.4M23.6%202c3.1%204.3%204.9%208.2%204.9%2011.4c0%202.7-2.2%205-4.9%205s-4.9-2.2-4.9-5c0-3.2%201.9-7.2%204.9-11.4M6.9%2012.1c3.1%204.3%204.9%208.2%204.9%2011.4c0%202.7-2.2%205-4.9%205S2%2026.3%202%2023.5c0-3.2%201.8-7.2%204.9-11.4%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%2064%2064%22%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M32%2012c-.5%200-.9.4-.9.9v4.7H33v-4.7c-.1-.5-.5-.9-1-.9%22%2F%3E%3Cpath%20fill%3D%22%23b8c2c4%22%20d%3D%22M31.1%2034.5H33v14.4h-1.9z%22%2F%3E%3Cpath%20fill%3D%22%23ffbe5c%22%20d%3D%22M32%2016.7v24.4c1.8-2.3%204.5-3.8%207.7-3.8s5.9%201.5%207.7%203.8C45.9%2027.3%2039.7%2016.7%2032%2016.7%22%2F%3E%3Cpath%20fill%3D%22%23ed77a8%22%20d%3D%22M32%2016.7v24.4c-1.8-2.3-4.5-3.8-7.7-3.8c-3.1%200-5.9%201.5-7.7%203.8c1.5-13.8%207.7-24.4%2015.4-24.4%22%2F%3E%3Cpath%20fill%3D%22%23c7e86f%22%20d%3D%22M32%2016.7c7.7%200%2013.9%2010.6%2015.4%2024.4c1.8-2.3%204.5-3.8%207.7-3.8c2.7%200%205.2%201.1%207%202.9C59%2026.8%2046.7%2016.7%2032%2016.7%22%2F%3E%3Cpath%20fill%3D%22%2360d4e0%22%20d%3D%22M32%2016.7c-7.7%200-13.9%2010.6-15.4%2024.4c-1.8-2.3-4.5-3.8-7.7-3.8c-2.7%200-5.2%201.1-7%202.9C5%2026.8%2017.3%2016.7%2032%2016.7%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M30.1%2048.9v5.6c0%202.1-1.7%203.8-3.8%203.8s-3.8-1.7-3.8-3.8c0-1-.8-1.9-1.9-1.9c-1%200-1.9.8-1.9%201.9c0%204.1%203.4%207.5%207.5%207.5s7.5-3.4%207.5-7.5v-5.6z%22%2F%3E%3Cpath%20fill%3D%22%2375d6ff%22%20d%3D%22M57.1%202c3.1%204.3%204.9%208.2%204.9%2011.4c0%202.7-2.2%205-4.9%205s-4.9-2.2-4.9-5c0-3.2%201.8-7.2%204.9-11.4M40.4%2012.1c3.1%204.3%204.9%208.2%204.9%2011.4c0%202.7-2.2%205-4.9%205s-4.9-2.2-4.9-5c-.1-3.2%201.8-7.2%204.9-11.4M23.6%202c3.1%204.3%204.9%208.2%204.9%2011.4c0%202.7-2.2%205-4.9%205s-4.9-2.2-4.9-5c0-3.2%201.9-7.2%204.9-11.4M6.9%2012.1c3.1%204.3%204.9%208.2%204.9%2011.4c0%202.7-2.2%205-4.9%205S2%2026.3%202%2023.5c0-3.2%201.8-7.2%204.9-11.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/umbrella-with-rain-drops.svg?color=%231a73e8&size=48