Иконка Moon Alt Light
lets-icons:moon-alt-light
Иконка Moon Alt Light (lets-icons:moon-alt-light) — бесплатная SVG-иконка из набора Lets Icons от Leonid Tsvetkov. Она нарисована на сетке 24 × 24. Lets Icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Lets Icons
- Автор
- Leonid Tsvetkov
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Погода
- Теги
- moonalt, altlight, moonaltlight
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m13.435 19.978l.04-.499zm-1.72-.492l.489-.108zM13.94 6.213l.282-.413zM20.5 13A6.5 6.5 0 0 0 14 6.5v-1a7.5 7.5 0 0 1 7.5 7.5zM14 19.5a6.5 6.5 0 0 0 6.5-6.5h1a7.5 7.5 0 0 1-7.5 7.5zm-.525-.02q.26.02.525.02v1a8 8 0 0 1-.605-.024zm-.261-1.83A6.5 6.5 0 0 0 16.5 12h1a7.5 7.5 0 0 1-3.791 6.52zM16.5 12a6.5 6.5 0 0 0-2.841-5.374l.563-.826A7.5 7.5 0 0 1 17.5 12zm-3.105 8.476c-.528-.042-.985-.077-1.314-.155c-.316-.075-.746-.242-.854-.726l.976-.217c-.027-.124-.144-.09.107-.03c.237.056.6.086 1.165.131zm.314-1.956c-.622.354-1.045.596-1.31.792a1 1 0 0 0-.204.185c-.01.013.027-.038.008-.12l-.976.218a.84.84 0 0 1 .144-.666c.112-.162.27-.3.433-.42c.324-.24.814-.519 1.41-.858zM14 6.5a.39.39 0 0 0 .374-.285a.38.38 0 0 0-.152-.415l-.563.826a.62.62 0 0 1-.249-.676a.61.61 0 0 1 .59-.45z"/><path stroke="currentColor" d="M7.4 11.2c.101.304.152.456.203.523a.5.5 0 0 0 .794 0c.05-.067.102-.219.203-.523c.082-.245.123-.368.176-.479a2 2 0 0 1 .945-.945c.111-.053.234-.094.479-.176c.304-.101.456-.152.523-.203a.5.5 0 0 0 0-.794c-.067-.05-.219-.102-.523-.203c-.245-.082-.368-.123-.479-.176a2 2 0 0 1-.945-.945A4 4 0 0 1 8.6 6.8c-.101-.304-.152-.456-.203-.522a.5.5 0 0 0-.794 0c-.05.066-.102.218-.203.522a4 4 0 0 1-.176.479a2 2 0 0 1-.945.945A4 4 0 0 1 5.8 8.4c-.304.101-.456.152-.522.203a.5.5 0 0 0 0 .794c.066.05.218.102.522.203c.245.082.368.123.479.176a2 2 0 0 1 .945.945c.053.111.094.234.176.479Z"/></g></svg>Как использовать иконку Moon Alt Light
React
import { Icon } from "@iconify/react";
<Icon icon="lets-icons:moon-alt-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lets-icons:moon-alt-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lets-icons:moon-alt-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--moon-alt-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:moon-alt-light"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lets-icons:moon-alt-light"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/lets-icons/moon-alt-light.svg" alt="Иконка Moon Alt Light" width="24" height="24">Похожие иконки в наборе Lets Icons
Вопросы и ответы: Иконка Moon Alt Light
Можно ли бесплатно использовать иконку Moon Alt Light в коммерческих проектах?
Да. Lets Icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Moon Alt Light в React?
Установите @iconify/react и выведите <Icon icon="lets-icons:moon-alt-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Moon Alt Light на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/lets-icons/moon-alt-light.svg" alt="Иконка Moon Alt Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.