Иконка Night Showers

wi:night-showers

Иконка Night Showers (wi:night-showers) — бесплатная 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
Теги: nightshowers, shower

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.25 16.92c0 .66.12 1.28.38 1.88c.25.6.59 1.11 1.02 1.55s.94.79 1.53 1.06s1.22.42 1.88.45c.12 0 .18-.06.18-.17v-1.34c0-.11-.06-.17-.18-.17c-.85-.04-1.58-.39-2.18-1.03s-.9-1.39-.9-2.24s.28-1.58.84-2.2s1.26-.96 2.1-1.03l.53-.07q.15 0 .15-.15l.08-.53c.11-1.09.58-2 1.4-2.73s1.78-1.09 2.88-1.09q1.635 0 2.85 1.08c.82.72 1.28 1.62 1.4 2.7l.07.57c0 .12.06.19.18.19h1.62c.89 0 1.65.32 2.29.96q.96.96.96 2.31c0 .85-.3 1.6-.89 2.24s-1.32.98-2.17 1.03c-.13 0-.19.06-.19.17v1.34c0 .11.06.17.19.17c1.34-.06 2.47-.57 3.39-1.52c.93-.95 1.39-2.09 1.39-3.42c0-.64-.14-1.31-.41-2c.76-.99 1.13-2.09 1.13-3.29c0-.94-.24-1.82-.71-2.63s-1.11-1.45-1.92-1.92s-1.68-.71-2.62-.71c-1.53 0-2.82.56-3.86 1.67a6 6 0 0 0-2.7-.65c-1.42 0-2.68.44-3.77 1.32s-1.79 2.01-2.1 3.38c-1.13.26-2.05.84-2.76 1.72s-1.08 1.92-1.08 3.1m5.39 6.75q0 .255.15.48c.1.15.26.27.48.34c.11.06.24.08.37.07s.27-.08.4-.2a.96.96 0 0 0 .28-.48l.28-1.01c.06-.25.04-.48-.08-.67a.76.76 0 0 0-.53-.37c-.21-.07-.42-.05-.63.07s-.34.28-.41.5l-.28 1.04c-.02.09-.03.17-.03.23m1.31-4.77c.01.19.06.37.17.52s.27.25.48.28c.18.03.27.05.3.05c.38 0 .63-.22.76-.66l.28-1c.06-.23.04-.45-.08-.66a.86.86 0 0 0-.53-.42c-.22-.06-.44-.04-.64.08s-.33.29-.4.52l-.3 1.05c-.02.12-.04.2-.04.24m1.24 7.9c0 .18.05.34.15.5q.15.24.48.33c.14.03.23.05.28.05c.09 0 .21-.03.38-.1c.17-.08.3-.27.38-.55l.3-1.01c.06-.25.03-.48-.08-.68a.74.74 0 0 0-.52-.37a.76.76 0 0 0-.64.07a.88.88 0 0 0-.42.51l-.28 1.04q-.03.12-.03.21m1.33-4.8c0 .17.05.33.16.49s.27.27.49.33c.22.07.44.05.63-.05c.2-.1.33-.29.41-.56l.28-1.01c.07-.25.05-.47-.07-.67a.78.78 0 0 0-.53-.36c-.22-.08-.43-.05-.64.06s-.34.29-.41.51l-.28 1.04c-.02.1-.04.17-.04.22m2.85 1.75c-.01.16.03.31.14.46s.26.26.46.33l.25.03c.11.01.24-.02.38-.07q.315-.12.42-.54l.28-1.05c.07-.23.05-.45-.07-.64a.9.9 0 0 0-.51-.4c-.25-.06-.47-.03-.67.08s-.32.3-.36.53l-.29 1q-.03.255-.03.27m1.35-4.8c0 .17.05.34.16.5q.165.24.48.3l.25.03c.43 0 .7-.21.81-.62l.28-1.03c.06-.25.03-.48-.08-.68s-.3-.32-.53-.37a.75.75 0 0 0-.64.07a.82.82 0 0 0-.39.53l-.3 1.02c-.02.12-.04.2-.04.25m.34-9.9c.67-.64 1.48-.97 2.45-.97q1.47 0 2.49 1.05c.69.7 1.03 1.53 1.03 2.51q0 .96-.48 1.77c-.96-.96-2.12-1.44-3.49-1.44h-.32c-.24-1.1-.8-2.07-1.68-2.92"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Weather Icons →