ICONYZ
Русский
Иконка Umbrella With Rain Drops из набора Noto Emoji (v1)

Иконка Umbrella With Rain Drops

noto-v1:umbrella-with-rain-drops

Иконка Umbrella With Rain Drops (noto-v1:umbrella-with-rain-drops) — бесплатная SVG-иконка из набора Noto Emoji (v1) от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Noto Emoji (v1)
Автор
Google Inc
Лицензия
Apache-2.0
Размер
128 × 128
Категория
Путешествия и места
Теги
umbrellawith, withrain, raindrops, umbrellawithraindrops, drop
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#78a3ad" d="m69.62 32.28l-.82-16.65c-.18-2.5-2.12-4.43-4.45-4.43h-.23c-2.34 0-4.28 1.93-4.45 4.43l-.86 17.25c-.09 1.33.33 2.64 1.18 3.61c.84.98 2.03 1.53 3.27 1.53h1.98c2.46 0 4.46-2.14 4.46-4.79c.02-.31-.01-.64-.08-.95m-19.76 95.37c-9.23 0-17.23-6.25-19.46-15.2c-.76-3.04 1.1-6.12 4.14-6.88c3.03-.77 6.12 1.1 6.88 4.14a8.69 8.69 0 0 0 8.44 6.59c4.8 0 8.7-3.9 8.7-8.71V45.26a5.674 5.674 0 1 1 11.35 0v62.32c0 11.07-8.99 20.07-20.05 20.07"/><defs><path id="SVGPgBzHJeu" d="M25.44 67.47c8.32 0 15.55 4.62 19.28 11.43C48.45 72.09 55.69 67.47 64 67.47c8.32 0 15.55 4.62 19.28 11.43c3.73-6.81 10.96-11.43 19.28-11.43c6.71 0 12.71 3.02 16.74 7.76c.12-1.13.2-2.26.2-3.41c0-22.98-24.85-41.62-55.5-41.62S8.5 48.83 8.5 71.82c0 1.15.08 2.28.2 3.41c4.03-4.74 10.03-7.76 16.74-7.76"/></defs><use fill="#006ca2" href="#SVGPgBzHJeu"/><path fill="#40c0e7" d="M87.98 39.73c-.26 0-.52.06-.75.18c-1.35.67-6.01 10.14-6.01 15.61c0 3.73 3.04 6.76 6.76 6.76c3.73 0 6.77-3.04 6.77-6.76c-.01-4.14-4.28-15.79-6.77-15.79M98.13.35c-.27 0-.54.06-.78.18c-1.4.68-6.23 10.51-6.23 16.18c0 3.87 3.15 7.01 7.01 7.01c3.87 0 7.01-3.14 7.01-7.01c0-4.28-4.42-16.36-7.01-16.36M28 .35c-.27 0-.54.06-.78.18c-1.4.68-6.23 10.51-6.23 16.18c0 3.87 3.15 7.01 7.01 7.01c3.87 0 7.01-3.14 7.01-7.01C35.02 12.43 30.59.35 28 .35"/><path fill="#006ca2" d="M83.28 81.27c-.86 0-1.66-.47-2.07-1.23A19.63 19.63 0 0 0 64 69.84c-7.16 0-13.76 3.91-17.21 10.2c-.83 1.52-3.32 1.52-4.15 0a19.63 19.63 0 0 0-17.21-10.2c-5.75 0-11.19 2.53-14.94 6.93c-.61.72-1.59 1-2.5.73c-.9-.28-1.55-1.07-1.66-2.01c-.13-1.21-.22-2.43-.22-3.67c0-24.25 25.96-43.98 57.87-43.98s57.87 19.73 57.87 43.98c0 1.23-.08 2.46-.22 3.67c-.1.94-.76 1.73-1.66 2.01c-.91.26-1.88-.01-2.49-.73c-3.74-4.4-9.19-6.93-14.94-6.93c-7.17 0-13.76 3.91-17.2 10.2c-.4.76-1.19 1.23-2.06 1.23M25.44 65.11c7.62 0 14.71 3.56 19.28 9.49A24.34 24.34 0 0 1 64 65.11c7.62 0 14.71 3.56 19.28 9.49a24.32 24.32 0 0 1 19.28-9.49c5.28 0 10.35 1.71 14.51 4.81C115.73 49.16 92.44 32.57 64 32.57S12.27 49.16 10.93 69.92c4.16-3.1 9.23-4.81 14.51-4.81"/></svg>

Как использовать иконку Umbrella With Rain Drops

React

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

<Icon icon="noto-v1:umbrella-with-rain-drops" width="24" />

Vue

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

<template>
  <Icon icon="noto-v1:umbrella-with-rain-drops" width="24" />
</template>

Svelte

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

<Icon icon="noto-v1:umbrella-with-rain-drops" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--umbrella-with-rain-drops]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:umbrella-with-rain-drops"></div>

Веб-компонент

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

<iconify-icon icon="noto-v1:umbrella-with-rain-drops"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/noto-v1/umbrella-with-rain-drops.svg" alt="Иконка Umbrella With Rain Drops" width="24" height="24">

Похожие иконки в наборе Noto Emoji (v1)

Иконка Umbrella With Rain Drops в других наборах

Вопросы и ответы: Иконка Umbrella With Rain Drops

Можно ли бесплатно использовать иконку Umbrella With Rain Drops в коммерческих проектах?

Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Umbrella With Rain Drops в React?

Установите @iconify/react и выведите <Icon icon="noto-v1:umbrella-with-rain-drops" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Umbrella With Rain Drops на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto-v1/umbrella-with-rain-drops.svg" alt="Иконка Umbrella With Rain Drops">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Noto Emoji (v1) →