Иконка Night Alt Rain
fontisto:night-alt-rain
Иконка Night Alt Rain (fontisto:night-alt-rain) — бесплатная SVG-иконка из набора Fontisto от Kenan Gündoğan. Она нарисована на сетке 26 × 24. Fontisto icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fontisto
- Автор
- Kenan Gündoğan
- Лицензия
- MIT
- Размер
- 26 × 24
- Категория
- Погода
- Теги
- nightalt, altrain, nightaltrain
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="24" viewBox="0 0 26 24"><path fill="currentColor" d="M4.241 23.795a.7.7 0 0 1 0-.99l3.626-3.625a.7.7 0 1 1 .99.991l-3.626 3.625a.7.7 0 0 1-.99 0zm7.376-3.43a.7.7 0 0 1 0-.99l2.663-2.663H6.881l-3.653 3.653a.701.701 0 0 1-.992-.991l2.677-2.677A5.049 5.049 0 0 1 5.048 6.6l.143.002h-.007c.079 0 .156.006.235.01C6.61 4.51 8.83 3.113 11.377 3.107h.007c.967 0 1.886.202 2.718.567l-.044-.017C15.064 1.482 17.227 0 19.736 0q.172 0 .342.009l-.016-.001c.37.02.663.326.663.7v.019v-.001a.7.7 0 0 1-.106.354l.002-.003a3.94 3.94 0 0 0 4.158 5.779l-.024.004l.279-.042a.7.7 0 0 1 .786.856l.001-.005c-.598 2.467-2.596 4.34-5.087 4.745l-.036.005a3.423 3.423 0 0 1-3.31 4.294H16.26l-3.653 3.654a.7.7 0 0 1-.99 0zM1.534 11.657a3.657 3.657 0 0 0 3.651 3.653h12.192a2.036 2.036 0 1 0-1.317-3.589l.003-.002a.701.701 0 0 1-.907-1.069l.001-.001a3.4 3.4 0 0 1 1.612-.758l.021-.003a5.411 5.411 0 0 0-9.891-3.003l-.012.019a5 5 0 0 1 1.462.815l-.01-.008a.701.701 0 1 1-.876 1.091l.001.001a3.6 3.6 0 0 0-2.268-.8h-.01h.001a3.656 3.656 0 0 0-3.654 3.655zm13.752-7.311c1.768 1.247 2.908 3.28 2.909 5.58v.013c.74.185 1.367.59 1.826 1.14l.004.006a4.87 4.87 0 0 0 4.084-2.736l.013-.029h-.051q-.392 0-.767-.056l.028.003c-2.613-.38-4.598-2.604-4.598-5.293c0-.538.079-1.058.227-1.547l-.01.038a4.85 4.85 0 0 0-3.654 2.85z"/></svg>Как использовать иконку Night Alt Rain
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:night-alt-rain" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:night-alt-rain" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:night-alt-rain" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--night-alt-rain]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:night-alt-rain"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:night-alt-rain"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fontisto/night-alt-rain.svg" alt="Иконка Night Alt Rain" width="24" height="24">Похожие иконки в наборе Fontisto
Иконка Night Alt Rain в других наборах
Вопросы и ответы: Иконка Night Alt Rain
Можно ли бесплатно использовать иконку Night Alt Rain в коммерческих проектах?
Да. Fontisto icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Night Alt Rain в React?
Установите @iconify/react и выведите <Icon icon="fontisto:night-alt-rain" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Night Alt Rain на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fontisto/night-alt-rain.svg" alt="Иконка Night Alt Rain">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.