Umbrellawithraindrops icon

fxemoji:umbrellawithraindrops

The Umbrellawithraindrops icon (fxemoji:umbrellawithraindrops) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 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: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Nature
Tags: umbrellawithraindrop

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" 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>

How to use the Umbrellawithraindrops icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:umbrellawithraindrops" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:umbrellawithraindrops" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:umbrellawithraindrops" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--umbrellawithraindrops]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:umbrellawithraindrops"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:umbrellawithraindrops"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/umbrellawithraindrops.svg" alt="Umbrellawithraindrops icon" width="24" height="24">

Umbrellawithraindrops icon FAQ

Is the Umbrellawithraindrops icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Umbrellawithraindrops icon in React?

Install @iconify/react and render <Icon icon="fxemoji:umbrellawithraindrops" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Umbrellawithraindrops icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/umbrellawithraindrops.svg" alt="Umbrellawithraindrops icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →