Иконка Day Cloudy
fontisto:day-cloudy
Иконка Day Cloudy (fontisto:day-cloudy) — бесплатная SVG-иконка из набора Fontisto от Kenan Gündoğan. Она нарисована на сетке 34 × 24. Fontisto icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fontisto
- Автор
- Kenan Gündoğan
- Лицензия
- MIT
- Размер
- 34 × 24
- Категория
- Погода
- Теги
- daycloudy
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="24" viewBox="0 0 34 24"><path fill="currentColor" d="M6.106 23.999h-.067a6.106 6.106 0 0 1 0-12.212h.071h-.004c.094 0 .189.007.283.012c1.434-2.545 4.119-4.235 7.199-4.235a8.2 8.2 0 0 1 3.618.835l-.049-.021a6 6 0 0 1 2.019-1.43l.039-.015a5.8 5.8 0 0 1 2.316-.47a5.942 5.942 0 0 1 2.847 11.159l-.031.016A4.146 4.146 0 0 1 20.843 24h-.007zm-4.413-6.107a4.42 4.42 0 0 0 4.413 4.413h14.732a2.46 2.46 0 1 0-1.591-4.337l.004-.003a.846.846 0 1 1-1.095-1.291l.002-.001a4.13 4.13 0 0 1 1.948-.916l.025-.004a6.54 6.54 0 0 0-11.952-3.629l-.015.023a6.1 6.1 0 0 1 1.767.985l-.012-.009a.846.846 0 1 1-1.059 1.32l.002.001a4.34 4.34 0 0 0-2.741-.967h-.012h.001a4.42 4.42 0 0 0-4.416 4.414zm18.181-9.4c-.477.208-.886.48-1.238.813l.002-.002a8.22 8.22 0 0 1 3.187 6.499v.016c.48.12.902.307 1.28.556l-.016-.01c1.585-.641 2.682-2.167 2.682-3.95a4.25 4.25 0 0 0-4.01-4.243h-.011q-.119-.007-.238-.007h-.01a4.2 4.2 0 0 0-1.654.338l.027-.01zm8.747 13.102l-2.022-2.25a.846.846 0 1 1 1.259-1.131l.001.001l2.022 2.253a.846.846 0 1 1-1.259 1.131l-.001-.001zm4.413-7.71l-3.023-.164a.848.848 0 1 1 .094-1.691h-.002l3.023.164a.847.847 0 0 1-.045 1.691zm-5.78-6.62a.843.843 0 0 1 .065-1.195l.001-.001l2.253-2.022a.848.848 0 0 1 1.131 1.264l-.001.001l-2.254 2.025a.844.844 0 0 1-1.194-.064l-.001-.001zM15.18 6.61l-2.021-2.254a.846.846 0 1 1 1.259-1.131l.001.001l2.019 2.257a.846.846 0 1 1-1.259 1.131l-.001-.001zm6.757-1.893a.85.85 0 0 1-.801-.845l.001-.05v.002L21.301.8a.848.848 0 0 1 1.692.046l-.001.048V.892l-.164 3.024a.85.85 0 0 1-.845.801z"/></svg>Как использовать иконку Day Cloudy
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:day-cloudy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:day-cloudy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:day-cloudy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--day-cloudy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:day-cloudy"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:day-cloudy"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fontisto/day-cloudy.svg" alt="Иконка Day Cloudy" width="24" height="24">Похожие иконки в наборе Fontisto
Иконка Day Cloudy в других наборах
Вопросы и ответы: Иконка Day Cloudy
Можно ли бесплатно использовать иконку Day Cloudy в коммерческих проектах?
Да. Fontisto icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Day Cloudy в React?
Установите @iconify/react и выведите <Icon icon="fontisto:day-cloudy" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Day Cloudy на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fontisto/day-cloudy.svg" alt="Иконка Day Cloudy">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.