Иконка Showers
wi:showers
Иконка Showers (wi: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
- Теги
- shower, owm 522, owm 701, yahoo 9, yahoo 12, owm 521, owm 520, yahoo 11, owm 313, yahoo 40, wu rain
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.6 16.93c0-1.16.36-2.18 1.09-3.08c.72-.9 1.65-1.48 2.78-1.73c.29-1.38.98-2.5 2.07-3.39S12.88 7.4 14.3 7.4c1.39 0 2.63.43 3.72 1.28c1.08.85 1.79 1.95 2.12 3.3h.34c.9 0 1.73.22 2.48.66c.76.44 1.35 1.04 1.79 1.8c.43.76.65 1.59.65 2.49c0 1.34-.46 2.48-1.37 3.44c-.92.96-2.04 1.46-3.37 1.5c-.12 0-.18-.06-.18-.17v-1.34c0-.11.06-.17.18-.17c.84-.07 1.57-.42 2.17-1.05s.9-1.37.9-2.22q0-1.335-.96-2.31c-.64-.64-1.4-.97-2.29-.97h-1.63c-.12 0-.19-.06-.22-.18l-.07-.57c-.07-.71-.3-1.36-.7-1.94a4.26 4.26 0 0 0-3.55-1.85c-1.1 0-2.05.36-2.86 1.09s-1.27 1.64-1.37 2.72l-.07.54c0 .09-.05.14-.16.14l-.54.11c-.84.07-1.55.41-2.11 1.03c-.57.62-.85 1.35-.85 2.2c0 .87.3 1.62.89 2.25s1.31.97 2.17 1.02c.12 0 .18.06.18.17v1.34c0 .11-.06.17-.18.17c-.66-.03-1.28-.18-1.88-.45S6.42 20.8 6 20.36c-.43-.44-.77-.95-1.02-1.55s-.38-1.22-.38-1.88m5.42 6.77c0-.03.01-.08.02-.13s.02-.09.02-.11l.27-1.03c.07-.22.2-.4.4-.51c.2-.12.41-.14.64-.07s.4.2.52.4s.14.41.07.64l-.24 1.01c-.13.44-.38.66-.76.66h-.09c-.03 0-.07-.01-.11-.01c-.04-.01-.07-.01-.1-.01c-.21-.06-.37-.18-.48-.34s-.16-.34-.16-.5m1.32-4.82c0-.02 0-.06.01-.11s.01-.08.01-.09l.3-1.05c.06-.19.17-.34.32-.45c.15-.1.31-.15.47-.15h.08c.03 0 .06.01.09.01c.03.01.06.01.08.01c.23.07.4.2.51.4c.12.2.14.41.07.64l-.24 1c-.07.28-.2.47-.4.59s-.42.12-.65.02c-.22-.06-.38-.17-.49-.34s-.16-.32-.16-.48m1.23 7.95c0-.03.01-.07.02-.13s.02-.09.02-.12l.29-.99c.06-.24.2-.42.4-.54s.42-.15.65-.08s.39.2.51.41s.13.42.07.65l-.25 1.04c-.11.41-.37.61-.8.61c-.05 0-.13-.01-.24-.04a.72.72 0 0 1-.49-.3a.84.84 0 0 1-.18-.51m1.34-4.77c0-.06.01-.14.04-.25l.27-1.03c.07-.23.2-.4.41-.51c.2-.12.42-.14.65-.07a.805.805 0 0 1 .57 1.04l-.24.99c-.13.45-.37.68-.72.68c-.04 0-.15-.02-.31-.06a.72.72 0 0 1-.49-.3a.78.78 0 0 1-.18-.49m2.82 1.68q0-.105.03-.24l.28-.99c.07-.24.2-.42.41-.54s.41-.15.63-.09c.23.07.41.2.53.41q.18.3.09.63l-.29 1.06c-.1.41-.36.61-.79.61c-.09 0-.18-.01-.26-.03a.7.7 0 0 1-.46-.3c-.1-.18-.16-.35-.17-.52m1.38-4.76c0-.03.02-.12.05-.26l.3-1.03c.04-.21.13-.37.29-.47s.32-.15.49-.14c.04-.01.13 0 .24.03c.22.05.39.18.52.38c.12.17.14.38.07.65l-.24 1.03c-.13.43-.38.65-.76.65c-.06 0-.17-.02-.34-.06a.82.82 0 0 1-.62-.78"/></svg>Как использовать иконку Showers
React
import { Icon } from "@iconify/react";
<Icon icon="wi:showers" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:showers" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:showers" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--showers]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:showers"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:showers"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/wi/showers.svg" alt="Иконка Showers" width="24" height="24">Иконка Showers в других наборах
Вопросы и ответы: Иконка Showers
Можно ли бесплатно использовать иконку Showers в коммерческих проектах?
Да. Weather Icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Showers в React?
Установите @iconify/react и выведите <Icon icon="wi:showers" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Showers на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/wi/showers.svg" alt="Иконка Showers">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.