Иконка Cloudy Moon Broken
solar:cloudy-moon-broken
Иконка Cloudy Moon Broken (solar:cloudy-moon-broken) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Solar
- Автор
- 480 Design
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Погода
- Теги
- cloudymoon, moonbroken, cloudymoonbroken
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M15.5 15.0004C17.8615 15.0004 19.9289 13.741 21.0672 11.8572C21.3065 11.4612 22 11.5377 22 12.0004C22 15.7018 19.989 18.9335 17 20.6626"/><path d="M9 8.5C9 6.13845 10.2594 4.07105 12.1432 2.93276C12.5392 2.69347 12.4627 2 12 2C10.1786 2 8.47087 2.48697 7 3.33782"/><path d="M2.4578 15C2.16035 14.053 2 13.0452 2 12C2 10.1786 2.48697 8.47087 3.33782 7"/><path d="M10.0476 15.142C10.4349 15.0119 10.8516 14.9412 11.2857 14.9412C11.7113 14.9412 12.1201 15.0092 12.5008 15.1344M6.33333 17.1516C6.03343 16.9609 5.69238 16.824 5.3255 16.7555C5.15087 16.723 4.97039 16.7059 4.78571 16.7059C3.24721 16.7059 2 17.891 2 19.3529C2 20.8149 3.24721 22 4.78571 22H11.2857C13.3371 22 15 20.4198 15 18.4706C15 16.9257 13.9554 15.6126 12.5008 15.1344M5.3255 16.7555C5.17659 16.3736 5.09524 15.9605 5.09524 15.5294C5.09524 13.5802 6.75818 12 8.80952 12C10.7203 12 12.2941 13.3711 12.5008 15.1344"/></g></svg>Как использовать иконку Cloudy Moon Broken
React
import { Icon } from "@iconify/react";
<Icon icon="solar:cloudy-moon-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:cloudy-moon-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:cloudy-moon-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cloudy-moon-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cloudy-moon-broken"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:cloudy-moon-broken"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/solar/cloudy-moon-broken.svg" alt="Иконка Cloudy Moon Broken" width="24" height="24">Похожие иконки в наборе Solar
Вопросы и ответы: Иконка Cloudy Moon Broken
Можно ли бесплатно использовать иконку Cloudy Moon Broken в коммерческих проектах?
Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Cloudy Moon Broken в React?
Установите @iconify/react и выведите <Icon icon="solar:cloudy-moon-broken" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cloudy Moon Broken на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/cloudy-moon-broken.svg" alt="Иконка Cloudy Moon Broken">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.