Иконка Cloud Moon Rain

f7:cloud-moon-rain

Иконка Cloud Moon Rain (f7:cloud-moon-rain) — бесплатная SVG-иконка из набора Framework7 Icons от Vladimir Kharlampidi. Она нарисована на сетке 56 × 56. Framework7 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Framework7 Icons
Автор: Vladimir Kharlampidi
Лицензия: MIT
Размер: 56 × 56
Теги: cloudmoon, moonrain, cloudmoonrain

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M8.99 39.228h22.943c6.128 0 10.878-4.623 10.878-10.603v-.508c6.764-.255 10.92-4.03 12.49-8.122c.699-1.696-.212-3.223-1.867-3.223c-1.272 0-2.31.552-4.558.552c-5.407 0-8.27-3.011-8.27-7.93c0-2.397.742-3.711.742-4.899c0-1.739-1.505-2.608-3.371-1.972c-4.496 1.485-8.312 6.277-8.312 12.15c0 .191.02.382.02.594c-2.565-2.926-6.127-4.644-10.177-4.644c-7.019 0-12.892 5.428-13.592 12.383C2.375 24.11 0 27.184 0 31.021c0 4.793 3.584 8.206 8.99 8.206m23.792-24.64c0-4.092 2.438-7.294 5.216-8.82l.233.169a12.6 12.6 0 0 0-.678 4.093c0 6.085 4.453 10.283 10.602 10.283c1.505 0 2.904-.254 3.88-.593l.127.17c-1.293 2.502-4.601 5.13-9.966 5.152c-1.336-3.584-4.622-6.17-8.82-6.785c-.404-1.145-.594-2.375-.594-3.669M8.906 35.835c-3.605 0-5.513-2.057-5.513-4.729c0-2.226 1.314-4.22 4.431-5.046c1.018-.276 1.4-.742 1.485-1.803c.487-5.958 4.898-10.241 10.199-10.241c4.113 0 7.315 2.269 9.287 6.234c.445.912.976 1.209 2.057 1.209c5.47 0 8.567 3.307 8.567 7.251c0 3.965-3.224 7.125-7.422 7.125Zm16.603 13.337l2.756-4.792c.382-.657.17-1.4-.466-1.76c-.636-.381-1.357-.17-1.74.488l-2.777 4.813c-.36.615-.19 1.357.467 1.739c.636.34 1.4.127 1.76-.488m-16.879.022l2.757-4.793c.402-.657.19-1.4-.446-1.76c-.636-.381-1.378-.17-1.76.488l-2.777 4.814c-.36.614-.17 1.357.487 1.738c.615.34 1.379.127 1.74-.487m23.515 5.937l2.757-4.771c.382-.658.17-1.4-.467-1.781c-.636-.36-1.357-.149-1.738.487l-2.8 4.835c-.338.593-.169 1.336.489 1.717a1.27 1.27 0 0 0 1.76-.487m-16.878.02l2.756-4.77c.382-.657.191-1.4-.445-1.781c-.657-.36-1.378-.149-1.76.487l-2.777 4.835c-.36.594-.17 1.336.466 1.718c.636.36 1.4.148 1.76-.488"/></svg>

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

React

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

<Icon icon="f7:cloud-moon-rain" width="24" />

Vue

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

<template>
  <Icon icon="f7:cloud-moon-rain" width="24" />
</template>

Svelte

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

<Icon icon="f7:cloud-moon-rain" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--cloud-moon-rain]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:cloud-moon-rain"></div>

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

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

<iconify-icon icon="f7:cloud-moon-rain"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/f7/cloud-moon-rain.svg" alt="Иконка Cloud Moon Rain" width="24" height="24">

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

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

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

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

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

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

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

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

Все Framework7 Icons →