umbrellawithraindrops emoji

umbrellawithraindrops from Firefox OS Emoji by Mozilla · Default · Nature · Apache-2.0 Free for personal and commercial use.

Name
umbrellawithraindrops
Set
Firefox OS Emoji
Style
Default
Category
Nature
Viewbox
512×512
License
Apache 2.0

More nature icons from Firefox OS Emoji

acornamericasglobeantasiaaustraliaglobebabychickbactriancamelbearbirdblackrosetteblossomblowfishboarboltbouquetbouquetofflowersbugbunnybunnysidecactuscatcatsidecherryblossomchickenchilipepper

Use the umbrellawithraindrops emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#597B91" d="M279.034 106.239c-.374-10.88-9.317-19.621-20.287-19.621s-19.913 8.742-20.287 19.621q-.035.345-.036.701v18.242a6.84 6.84 0 0 0 6.25 6.814v314.267c0 16.488-13.415 29.902-29.903 29.902s-29.903-13.414-29.903-29.902c0-8.258-6.694-14.951-14.951-14.951s-14.951 6.693-14.951 14.951c0 32.977 26.829 59.805 59.805 59.805s59.805-26.828 59.805-59.805V131.602a6.84 6.84 0 0 0 4.492-6.42V106.94a7 7 0 0 0-.034-.701"/><path fill="#FF473E" d="M495.212 301.08c-28.708-104.623-121.848-181.503-235.586-181.503S50.99 196.456 22.282 301.08h.208l-.208.208c0 21.244 17.222 38.466 38.466 38.466c13.274 0 24.976-6.723 31.89-16.95c3.823-5.656 12.085-6.118 16.433-.854c9.653 11.685 24.25 19.133 40.591 19.133c18.092 0 34.046-9.129 43.519-23.031c3.87-5.679 12.144-5.87 16.511-.564c11.857 14.406 29.819 23.594 49.935 23.594c19.689 0 37.319-8.801 49.178-22.681c4.397-5.146 12.384-4.638 16.349.847c9.561 13.226 25.112 21.834 42.68 21.834c16.331 0 30.92-7.438 40.573-19.11c4.34-5.247 12.594-4.79 16.407.851c6.918 10.231 18.625 16.957 31.906 16.957c21.259 0 38.493-17.234 38.493-38.493l-.208-.208h.207z"/><path fill="#FF6E83" d="M96.786 319.269a10.2 10.2 0 0 0-4.148 3.535c-6.913 10.227-18.616 16.95-31.89 16.95c-21.244 0-38.466-17.222-38.466-38.466l.208-.208h-.208c28.663-104.461 123.313-181.259 236.816-181.497c-77.847.239-162.34 111.687-162.34 193.272c0 2.234.01 4.36.028 6.414m398.426-18.189c-28.673-104.496-121.623-181.312-235.173-181.498c77.862.187 162.395 111.669 162.395 193.273c0 2.611-.012 5.094-.036 7.461a10.2 10.2 0 0 1 2.416 2.508c6.917 10.231 18.625 16.957 31.906 16.957c21.259 0 38.493-17.234 38.493-38.493l-.208-.208zM258.941 119.584l-.463.005c-26.365.518-54.939 111.783-54.939 193.266l.001.979a10.48 10.48 0 0 1 6.152 3.655c11.857 14.406 29.819 23.594 49.934 23.594c19.689 0 37.319-8.801 49.178-22.681a10.1 10.1 0 0 1 5.149-3.235l.002-2.312c0-81.56-28.628-192.961-55.014-193.271"/><path fill="#59CAFC" d="m61.678 81.864l16.711 42.054c4.023 13.266-3.468 27.282-16.737 31.305c-13.266 4.026-27.282-3.468-31.309-16.737a24.95 24.95 0 0 1 0-14.568l16.712-42.054c1.222-4.037 5.492-6.315 9.529-5.093c2.519.766 4.369 2.761 5.094 5.093m355.253-45.028c-4.037-1.222-8.307 1.056-9.529 5.093L390.69 83.983a24.95 24.95 0 0 0 0 14.568c4.026 13.269 18.043 20.764 31.309 16.737c13.269-4.023 20.76-18.039 16.737-31.305l-16.711-42.054c-.725-2.332-2.575-4.327-5.094-5.093M189.113.037c-3.878-1.174-7.979 1.014-9.154 4.892l-16.053 40.396a23.96 23.96 0 0 0 0 13.994c3.868 12.746 17.332 19.945 30.074 16.077c12.746-3.864 19.942-17.328 16.077-30.071L194.006 4.929c-.697-2.24-2.474-4.157-4.893-4.892"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiUmbrellawithraindrops(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#597B91" d="M279.034 106.239c-.374-10.88-9.317-19.621-20.287-19.621s-19.913 8.742-20.287 19.621q-.035.345-.036.701v18.242a6.84 6.84 0 0 0 6.25 6.814v314.267c0 16.488-13.415 29.902-29.903 29.902s-29.903-13.414-29.903-29.902c0-8.258-6.694-14.951-14.951-14.951s-14.951 6.693-14.951 14.951c0 32.977 26.829 59.805 59.805 59.805s59.805-26.828 59.805-59.805V131.602a6.84 6.84 0 0 0 4.492-6.42V106.94a7 7 0 0 0-.034-.701"/><path fill="#FF473E" d="M495.212 301.08c-28.708-104.623-121.848-181.503-235.586-181.503S50.99 196.456 22.282 301.08h.208l-.208.208c0 21.244 17.222 38.466 38.466 38.466c13.274 0 24.976-6.723 31.89-16.95c3.823-5.656 12.085-6.118 16.433-.854c9.653 11.685 24.25 19.133 40.591 19.133c18.092 0 34.046-9.129 43.519-23.031c3.87-5.679 12.144-5.87 16.511-.564c11.857 14.406 29.819 23.594 49.935 23.594c19.689 0 37.319-8.801 49.178-22.681c4.397-5.146 12.384-4.638 16.349.847c9.561 13.226 25.112 21.834 42.68 21.834c16.331 0 30.92-7.438 40.573-19.11c4.34-5.247 12.594-4.79 16.407.851c6.918 10.231 18.625 16.957 31.906 16.957c21.259 0 38.493-17.234 38.493-38.493l-.208-.208h.207z"/><path fill="#FF6E83" d="M96.786 319.269a10.2 10.2 0 0 0-4.148 3.535c-6.913 10.227-18.616 16.95-31.89 16.95c-21.244 0-38.466-17.222-38.466-38.466l.208-.208h-.208c28.663-104.461 123.313-181.259 236.816-181.497c-77.847.239-162.34 111.687-162.34 193.272c0 2.234.01 4.36.028 6.414m398.426-18.189c-28.673-104.496-121.623-181.312-235.173-181.498c77.862.187 162.395 111.669 162.395 193.273c0 2.611-.012 5.094-.036 7.461a10.2 10.2 0 0 1 2.416 2.508c6.917 10.231 18.625 16.957 31.906 16.957c21.259 0 38.493-17.234 38.493-38.493l-.208-.208zM258.941 119.584l-.463.005c-26.365.518-54.939 111.783-54.939 193.266l.001.979a10.48 10.48 0 0 1 6.152 3.655c11.857 14.406 29.819 23.594 49.934 23.594c19.689 0 37.319-8.801 49.178-22.681a10.1 10.1 0 0 1 5.149-3.235l.002-2.312c0-81.56-28.628-192.961-55.014-193.271"/><path fill="#59CAFC" d="m61.678 81.864l16.711 42.054c4.023 13.266-3.468 27.282-16.737 31.305c-13.266 4.026-27.282-3.468-31.309-16.737a24.95 24.95 0 0 1 0-14.568l16.712-42.054c1.222-4.037 5.492-6.315 9.529-5.093c2.519.766 4.369 2.761 5.094 5.093m355.253-45.028c-4.037-1.222-8.307 1.056-9.529 5.093L390.69 83.983a24.95 24.95 0 0 0 0 14.568c4.026 13.269 18.043 20.764 31.309 16.737c13.269-4.023 20.76-18.039 16.737-31.305l-16.711-42.054c-.725-2.332-2.575-4.327-5.094-5.093M189.113.037c-3.878-1.174-7.979 1.014-9.154 4.892l-16.053 40.396a23.96 23.96 0 0 0 0 13.994c3.868 12.746 17.332 19.945 30.074 16.077c12.746-3.864 19.942-17.328 16.077-30.071L194.006 4.929c-.697-2.24-2.474-4.157-4.893-4.892"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#597B91" d="M279.034 106.239c-.374-10.88-9.317-19.621-20.287-19.621s-19.913 8.742-20.287 19.621q-.035.345-.036.701v18.242a6.84 6.84 0 0 0 6.25 6.814v314.267c0 16.488-13.415 29.902-29.903 29.902s-29.903-13.414-29.903-29.902c0-8.258-6.694-14.951-14.951-14.951s-14.951 6.693-14.951 14.951c0 32.977 26.829 59.805 59.805 59.805s59.805-26.828 59.805-59.805V131.602a6.84 6.84 0 0 0 4.492-6.42V106.94a7 7 0 0 0-.034-.701"/><path fill="#FF473E" d="M495.212 301.08c-28.708-104.623-121.848-181.503-235.586-181.503S50.99 196.456 22.282 301.08h.208l-.208.208c0 21.244 17.222 38.466 38.466 38.466c13.274 0 24.976-6.723 31.89-16.95c3.823-5.656 12.085-6.118 16.433-.854c9.653 11.685 24.25 19.133 40.591 19.133c18.092 0 34.046-9.129 43.519-23.031c3.87-5.679 12.144-5.87 16.511-.564c11.857 14.406 29.819 23.594 49.935 23.594c19.689 0 37.319-8.801 49.178-22.681c4.397-5.146 12.384-4.638 16.349.847c9.561 13.226 25.112 21.834 42.68 21.834c16.331 0 30.92-7.438 40.573-19.11c4.34-5.247 12.594-4.79 16.407.851c6.918 10.231 18.625 16.957 31.906 16.957c21.259 0 38.493-17.234 38.493-38.493l-.208-.208h.207z"/><path fill="#FF6E83" d="M96.786 319.269a10.2 10.2 0 0 0-4.148 3.535c-6.913 10.227-18.616 16.95-31.89 16.95c-21.244 0-38.466-17.222-38.466-38.466l.208-.208h-.208c28.663-104.461 123.313-181.259 236.816-181.497c-77.847.239-162.34 111.687-162.34 193.272c0 2.234.01 4.36.028 6.414m398.426-18.189c-28.673-104.496-121.623-181.312-235.173-181.498c77.862.187 162.395 111.669 162.395 193.273c0 2.611-.012 5.094-.036 7.461a10.2 10.2 0 0 1 2.416 2.508c6.917 10.231 18.625 16.957 31.906 16.957c21.259 0 38.493-17.234 38.493-38.493l-.208-.208zM258.941 119.584l-.463.005c-26.365.518-54.939 111.783-54.939 193.266l.001.979a10.48 10.48 0 0 1 6.152 3.655c11.857 14.406 29.819 23.594 49.934 23.594c19.689 0 37.319-8.801 49.178-22.681a10.1 10.1 0 0 1 5.149-3.235l.002-2.312c0-81.56-28.628-192.961-55.014-193.271"/><path fill="#59CAFC" d="m61.678 81.864l16.711 42.054c4.023 13.266-3.468 27.282-16.737 31.305c-13.266 4.026-27.282-3.468-31.309-16.737a24.95 24.95 0 0 1 0-14.568l16.712-42.054c1.222-4.037 5.492-6.315 9.529-5.093c2.519.766 4.369 2.761 5.094 5.093m355.253-45.028c-4.037-1.222-8.307 1.056-9.529 5.093L390.69 83.983a24.95 24.95 0 0 0 0 14.568c4.026 13.269 18.043 20.764 31.309 16.737c13.269-4.023 20.76-18.039 16.737-31.305l-16.711-42.054c-.725-2.332-2.575-4.327-5.094-5.093M189.113.037c-3.878-1.174-7.979 1.014-9.154 4.892l-16.053 40.396a23.96 23.96 0 0 0 0 13.994c3.868 12.746 17.332 19.945 30.074 16.077c12.746-3.864 19.942-17.328 16.077-30.071L194.006 4.929c-.697-2.24-2.474-4.157-4.893-4.892"/></svg>
</template>

CSS

.icon-umbrellawithraindrops {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M279.034%20106.239c-.374-10.88-9.317-19.621-20.287-19.621s-19.913%208.742-20.287%2019.621q-.035.345-.036.701v18.242a6.84%206.84%200%200%200%206.25%206.814v314.267c0%2016.488-13.415%2029.902-29.903%2029.902s-29.903-13.414-29.903-29.902c0-8.258-6.694-14.951-14.951-14.951s-14.951%206.693-14.951%2014.951c0%2032.977%2026.829%2059.805%2059.805%2059.805s59.805-26.828%2059.805-59.805V131.602a6.84%206.84%200%200%200%204.492-6.42V106.94a7%207%200%200%200-.034-.701%22%2F%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M495.212%20301.08c-28.708-104.623-121.848-181.503-235.586-181.503S50.99%20196.456%2022.282%20301.08h.208l-.208.208c0%2021.244%2017.222%2038.466%2038.466%2038.466c13.274%200%2024.976-6.723%2031.89-16.95c3.823-5.656%2012.085-6.118%2016.433-.854c9.653%2011.685%2024.25%2019.133%2040.591%2019.133c18.092%200%2034.046-9.129%2043.519-23.031c3.87-5.679%2012.144-5.87%2016.511-.564c11.857%2014.406%2029.819%2023.594%2049.935%2023.594c19.689%200%2037.319-8.801%2049.178-22.681c4.397-5.146%2012.384-4.638%2016.349.847c9.561%2013.226%2025.112%2021.834%2042.68%2021.834c16.331%200%2030.92-7.438%2040.573-19.11c4.34-5.247%2012.594-4.79%2016.407.851c6.918%2010.231%2018.625%2016.957%2031.906%2016.957c21.259%200%2038.493-17.234%2038.493-38.493l-.208-.208h.207z%22%2F%3E%3Cpath%20fill%3D%22%23FF6E83%22%20d%3D%22M96.786%20319.269a10.2%2010.2%200%200%200-4.148%203.535c-6.913%2010.227-18.616%2016.95-31.89%2016.95c-21.244%200-38.466-17.222-38.466-38.466l.208-.208h-.208c28.663-104.461%20123.313-181.259%20236.816-181.497c-77.847.239-162.34%20111.687-162.34%20193.272c0%202.234.01%204.36.028%206.414m398.426-18.189c-28.673-104.496-121.623-181.312-235.173-181.498c77.862.187%20162.395%20111.669%20162.395%20193.273c0%202.611-.012%205.094-.036%207.461a10.2%2010.2%200%200%201%202.416%202.508c6.917%2010.231%2018.625%2016.957%2031.906%2016.957c21.259%200%2038.493-17.234%2038.493-38.493l-.208-.208zM258.941%20119.584l-.463.005c-26.365.518-54.939%20111.783-54.939%20193.266l.001.979a10.48%2010.48%200%200%201%206.152%203.655c11.857%2014.406%2029.819%2023.594%2049.934%2023.594c19.689%200%2037.319-8.801%2049.178-22.681a10.1%2010.1%200%200%201%205.149-3.235l.002-2.312c0-81.56-28.628-192.961-55.014-193.271%22%2F%3E%3Cpath%20fill%3D%22%2359CAFC%22%20d%3D%22m61.678%2081.864l16.711%2042.054c4.023%2013.266-3.468%2027.282-16.737%2031.305c-13.266%204.026-27.282-3.468-31.309-16.737a24.95%2024.95%200%200%201%200-14.568l16.712-42.054c1.222-4.037%205.492-6.315%209.529-5.093c2.519.766%204.369%202.761%205.094%205.093m355.253-45.028c-4.037-1.222-8.307%201.056-9.529%205.093L390.69%2083.983a24.95%2024.95%200%200%200%200%2014.568c4.026%2013.269%2018.043%2020.764%2031.309%2016.737c13.269-4.023%2020.76-18.039%2016.737-31.305l-16.711-42.054c-.725-2.332-2.575-4.327-5.094-5.093M189.113.037c-3.878-1.174-7.979%201.014-9.154%204.892l-16.053%2040.396a23.96%2023.96%200%200%200%200%2013.994c3.868%2012.746%2017.332%2019.945%2030.074%2016.077c12.746-3.864%2019.942-17.328%2016.077-30.071L194.006%204.929c-.697-2.24-2.474-4.157-4.893-4.892%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M279.034%20106.239c-.374-10.88-9.317-19.621-20.287-19.621s-19.913%208.742-20.287%2019.621q-.035.345-.036.701v18.242a6.84%206.84%200%200%200%206.25%206.814v314.267c0%2016.488-13.415%2029.902-29.903%2029.902s-29.903-13.414-29.903-29.902c0-8.258-6.694-14.951-14.951-14.951s-14.951%206.693-14.951%2014.951c0%2032.977%2026.829%2059.805%2059.805%2059.805s59.805-26.828%2059.805-59.805V131.602a6.84%206.84%200%200%200%204.492-6.42V106.94a7%207%200%200%200-.034-.701%22%2F%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M495.212%20301.08c-28.708-104.623-121.848-181.503-235.586-181.503S50.99%20196.456%2022.282%20301.08h.208l-.208.208c0%2021.244%2017.222%2038.466%2038.466%2038.466c13.274%200%2024.976-6.723%2031.89-16.95c3.823-5.656%2012.085-6.118%2016.433-.854c9.653%2011.685%2024.25%2019.133%2040.591%2019.133c18.092%200%2034.046-9.129%2043.519-23.031c3.87-5.679%2012.144-5.87%2016.511-.564c11.857%2014.406%2029.819%2023.594%2049.935%2023.594c19.689%200%2037.319-8.801%2049.178-22.681c4.397-5.146%2012.384-4.638%2016.349.847c9.561%2013.226%2025.112%2021.834%2042.68%2021.834c16.331%200%2030.92-7.438%2040.573-19.11c4.34-5.247%2012.594-4.79%2016.407.851c6.918%2010.231%2018.625%2016.957%2031.906%2016.957c21.259%200%2038.493-17.234%2038.493-38.493l-.208-.208h.207z%22%2F%3E%3Cpath%20fill%3D%22%23FF6E83%22%20d%3D%22M96.786%20319.269a10.2%2010.2%200%200%200-4.148%203.535c-6.913%2010.227-18.616%2016.95-31.89%2016.95c-21.244%200-38.466-17.222-38.466-38.466l.208-.208h-.208c28.663-104.461%20123.313-181.259%20236.816-181.497c-77.847.239-162.34%20111.687-162.34%20193.272c0%202.234.01%204.36.028%206.414m398.426-18.189c-28.673-104.496-121.623-181.312-235.173-181.498c77.862.187%20162.395%20111.669%20162.395%20193.273c0%202.611-.012%205.094-.036%207.461a10.2%2010.2%200%200%201%202.416%202.508c6.917%2010.231%2018.625%2016.957%2031.906%2016.957c21.259%200%2038.493-17.234%2038.493-38.493l-.208-.208zM258.941%20119.584l-.463.005c-26.365.518-54.939%20111.783-54.939%20193.266l.001.979a10.48%2010.48%200%200%201%206.152%203.655c11.857%2014.406%2029.819%2023.594%2049.934%2023.594c19.689%200%2037.319-8.801%2049.178-22.681a10.1%2010.1%200%200%201%205.149-3.235l.002-2.312c0-81.56-28.628-192.961-55.014-193.271%22%2F%3E%3Cpath%20fill%3D%22%2359CAFC%22%20d%3D%22m61.678%2081.864l16.711%2042.054c4.023%2013.266-3.468%2027.282-16.737%2031.305c-13.266%204.026-27.282-3.468-31.309-16.737a24.95%2024.95%200%200%201%200-14.568l16.712-42.054c1.222-4.037%205.492-6.315%209.529-5.093c2.519.766%204.369%202.761%205.094%205.093m355.253-45.028c-4.037-1.222-8.307%201.056-9.529%205.093L390.69%2083.983a24.95%2024.95%200%200%200%200%2014.568c4.026%2013.269%2018.043%2020.764%2031.309%2016.737c13.269-4.023%2020.76-18.039%2016.737-31.305l-16.711-42.054c-.725-2.332-2.575-4.327-5.094-5.093M189.113.037c-3.878-1.174-7.979%201.014-9.154%204.892l-16.053%2040.396a23.96%2023.96%200%200%200%200%2013.994c3.868%2012.746%2017.332%2019.945%2030.074%2016.077c12.746-3.864%2019.942-17.328%2016.077-30.071L194.006%204.929c-.697-2.24-2.474-4.157-4.893-4.892%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/umbrellawithraindrops.svg?color=%231a73e8&size=48