Иконка Night Rain

wi:night-rain

Иконка Night Rain (wi:night-rain) — бесплатная SVG-иконка из набора Weather Icons от Erik Flowers. Она нарисована на сетке 30 × 30. Weather Icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Weather Icons
Автор: Erik Flowers
Лицензия: OFL-1.1
Размер: 30 × 30
Теги: nightrain

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.26 16.93c0 .66.12 1.28.38 1.88s.59 1.11 1.02 1.55c.43.43.94.79 1.53 1.05s1.21.42 1.87.45c.11 0 .17-.06.17-.17v-1.34c0-.11-.06-.17-.17-.17c-.87-.06-1.6-.41-2.19-1.03a3.13 3.13 0 0 1-.89-2.22c0-.84.28-1.57.85-2.19s1.26-.97 2.1-1.04l.53-.06c.13 0 .2-.06.2-.19l.06-.51c.11-1.09.56-1.99 1.37-2.71s1.76-1.08 2.86-1.08c1.09 0 2.05.36 2.85 1.07c.81.72 1.27 1.61 1.38 2.69l.07.58c0 .12.06.18.19.18h1.6c.9 0 1.67.32 2.32.96s.97 1.4.97 2.29c0 .86-.3 1.6-.89 2.22s-1.33.97-2.19 1.03c-.13 0-.2.06-.2.17v1.34c0 .11.07.17.2.17c1.34-.06 2.47-.57 3.39-1.51q1.38-1.425 1.38-3.42c0-.72-.14-1.38-.42-1.99q1.17-1.41 1.17-3.36c0-.94-.23-1.81-.7-2.62s-1.11-1.45-1.91-1.92s-1.68-.71-2.62-.71c-1.56 0-2.85.58-3.88 1.73c-.88-.43-1.78-.65-2.7-.65q-2.115 0-3.75 1.32c-1.635 1.32-1.79 2-2.1 3.38c-1.1.26-2.01.83-2.73 1.73c-.76.93-1.12 1.95-1.12 3.1m5.49 6.68c0 .4.22.66.65.78q.315.105.63-.06c.21-.11.35-.28.41-.5l1.5-5.73a.78.78 0 0 0-.09-.63c-.12-.2-.3-.33-.54-.4c-.22-.07-.43-.05-.63.07s-.33.29-.39.52l-1.5 5.7c-.03.11-.04.19-.04.25m2.59 3.05c0 .12.03.24.08.37c.1.21.27.35.51.43c.02 0 .06 0 .1.01s.08.01.11.01h.09c.43 0 .68-.22.76-.66l2.3-8.74q.105-.33-.06-.63a.84.84 0 0 0-.5-.4c-.24-.07-.47-.05-.68.07s-.33.29-.38.52l-2.31 8.75c-.01.1-.02.19-.02.27m4.16-3.06c0 .16.05.31.16.47a.82.82 0 0 0 .68.35c.17 0 .33-.05.49-.14s.26-.24.32-.45l1.5-5.73c.08-.21.05-.41-.07-.62a.85.85 0 0 0-.52-.41a.8.8 0 0 0-.66.07c-.2.12-.32.29-.36.52l-1.5 5.7c-.03.11-.04.19-.04.24m1.53-14.52c.67-.67 1.49-1 2.48-1q1.47 0 2.49 1.02c.69.68 1.03 1.51 1.03 2.48c0 .63-.17 1.24-.52 1.85c-.95-.95-2.11-1.43-3.49-1.43h-.31c-.28-1.17-.84-2.14-1.68-2.92"/></svg>

Как использовать иконку Night Rain

React

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

<Icon icon="wi:night-rain" width="24" />

Vue

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

<template>
  <Icon icon="wi:night-rain" width="24" />
</template>

Svelte

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

<Icon icon="wi:night-rain" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--night-rain]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:night-rain"></div>

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

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

<iconify-icon icon="wi:night-rain"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/wi/night-rain.svg" alt="Иконка Night Rain" width="24" height="24">

Иконка Night Rain в других наборах

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

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

Да. Weather Icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Weather Icons →