Иконка Sun Clound Weather

streamline-stickies-color:sun-clound-weather

Иконка Sun Clound Weather (streamline-stickies-color:sun-clound-weather) — бесплатная SVG-иконка из набора Stickies color icons от Streamline. Она нарисована на сетке 40 × 40. Stickies color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Stickies color icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 40 × 40
Категория: Экология и природа
Теги: sunclound, cloundweather, suncloundweather

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" stroke-miterlimit="10"><path fill="#ffe236" stroke="#231f20" d="M19.37 15.5a6.441 6.441 0 1 0 12.882 0a6.441 6.441 0 0 0-12.882 0ZM28 5.65s.07-.51-.83-2A8 8 0 0 0 26 2.07a.75.75 0 0 0-1 0a7.4 7.4 0 0 0-1.08 1.6a5.9 5.9 0 0 0-.73 2.07a.78.78 0 0 0 .54.77a7.7 7.7 0 0 0 1.9.17a7.2 7.2 0 0 0 1.88-.27a.77.77 0 0 0 .5-.78zm-4.35 19.84s-.07.51.83 2a7.8 7.8 0 0 0 1.17 1.55a.75.75 0 0 0 1 0a7.7 7.7 0 0 0 1.08-1.6c.368-.64.616-1.341.73-2.07a.78.78 0 0 0-.55-.77a7 7 0 0 0-1.91-.18a7.7 7.7 0 0 0-1.88.27a.8.8 0 0 0-.51.79zM20.33 7s-.31-.41-2-.85a7.7 7.7 0 0 0-1.91-.26a.74.74 0 0 0-.7.73a7.2 7.2 0 0 0 .36 1.9a6.2 6.2 0 0 0 .95 2a.77.77 0 0 0 .93.16a7.2 7.2 0 0 0 1.46-1.21a7.2 7.2 0 0 0 1.14-1.53a.77.77 0 0 0-.2-.91zM31.3 24.11s.31.42 2 .85a8 8 0 0 0 1.91.27a.75.75 0 0 0 .7-.74a7.8 7.8 0 0 0-.36-1.9a6.2 6.2 0 0 0-.95-2a.77.77 0 0 0-.93-.16a7.7 7.7 0 0 0-1.46 1.22a7 7 0 0 0-1.14 1.52a.77.77 0 0 0 .2.91zm-15.41-10.7s-.51-.08-2 .83a7.7 7.7 0 0 0-1.54 1.16a.75.75 0 0 0 0 1a8.4 8.4 0 0 0 1.6 1.09c.642.36 1.343.604 2.07.72a.77.77 0 0 0 .77-.54a7 7 0 0 0 .18-1.9a7.7 7.7 0 0 0-.27-1.88a.78.78 0 0 0-.79-.5zm19.85 4.32s.5.08 2-.83a7.6 7.6 0 0 0 1.54-1.17a.74.74 0 0 0 0-1a8 8 0 0 0-1.6-1.09a6.2 6.2 0 0 0-2.08-.73a.76.76 0 0 0-.76.55a7 7 0 0 0-.18 1.89a7 7 0 0 0 .27 1.88a.77.77 0 0 0 .79.51zm-18.47 3.33s-.41.3-.85 2a8 8 0 0 0-.27 1.94a.76.76 0 0 0 .74.7a7.8 7.8 0 0 0 1.9-.37a5.9 5.9 0 0 0 2-.95a.77.77 0 0 0 .16-.93A7 7 0 0 0 19.71 22a7.3 7.3 0 0 0-1.52-1.14a.77.77 0 0 0-.91.2zm17.09-10.98s.41-.3.85-2a8.6 8.6 0 0 0 .27-1.92a.75.75 0 0 0-.74-.7a7.7 7.7 0 0 0-1.9.36a6.1 6.1 0 0 0-2 1a.78.78 0 0 0-.16.93a6.8 6.8 0 0 0 1.22 1.46c.452.448.963.832 1.52 1.14a.76.76 0 0 0 .91-.19z"/><path stroke="#fff" stroke-linecap="round" d="M28.12 11.19a3.36 3.36 0 0 1 1.65 1.41"/><path fill="#48eeff" stroke="#231f20" d="M32.93 28.79a7.3 7.3 0 0 0 .45-2.29c.13-3.37-1.65-5.7-5.41-5.85q-.45-.03-.9 0c-1-2.09-3.08-3.4-6.21-3.53c-4.23-.17-6.7 2-7.36 5.42q-.45-.095-.91-.11A3.67 3.67 0 0 0 8.4 26.3a4.8 4.8 0 0 0 .09 1.16a5 5 0 0 0-2.73 4.38c-.07 1.81.88 4.26 3 4.82c1 .51 6.63 1.21 11.28 1.39s10.29 0 11.37-.48c2.12-.38 3.27-2.75 3.34-4.56a5.31 5.31 0 0 0-1.82-4.22Z"/><path stroke="#fff" stroke-linecap="round" d="M28.17 22.52A3 3 0 0 1 30.92 24"/><path fill="#ff52a1" stroke="#231f20" d="M.503 25.829c0 .32.257.628.711.854s1.07.351 1.712.35s1.257-.13 1.71-.359s.708-.536.707-.857a.73.73 0 0 0-.185-.463a1.6 1.6 0 0 0-.526-.391a3.2 3.2 0 0 0-.786-.26a4.6 4.6 0 0 0-.926-.09c-.318 0-.632.033-.926.094c-.293.062-.56.152-.784.264a1.6 1.6 0 0 0-.524.394a.73.73 0 0 0-.183.464Zm3.467-3.893a4.6 4.6 0 0 0 .795.485c.27.129.537.218.784.264s.47.047.655.004a.73.73 0 0 0 .427-.259a.73.73 0 0 0 .132-.48a1.6 1.6 0 0 0-.182-.63a3.2 3.2 0 0 0-.468-.682a4.6 4.6 0 0 0-.683-.633c-.253-.191-.523-.356-.794-.485s-.537-.218-.784-.264a1.6 1.6 0 0 0-.656-.003a.73.73 0 0 0-.426.258a.73.73 0 0 0-.132.48c.008.19.07.405.181.63c.112.225.27.457.468.683c.198.225.43.44.684.632Zm3.629-3.784c.282.578.668 1.076 1.072 1.384c.404.309.793.403 1.082.262s.453-.506.458-1.015s-.152-1.118-.434-1.696s-.668-1.075-1.072-1.384s-.793-.403-1.082-.261c-.289.14-.453.506-.458 1.014s.152 1.118.434 1.696Z"/></g></svg>

Как использовать иконку Sun Clound Weather

React

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

<Icon icon="streamline-stickies-color:sun-clound-weather" width="24" />

Vue

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

<template>
  <Icon icon="streamline-stickies-color:sun-clound-weather" width="24" />
</template>

Svelte

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

<Icon icon="streamline-stickies-color:sun-clound-weather" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--sun-clound-weather]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:sun-clound-weather"></div>

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

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

<iconify-icon icon="streamline-stickies-color:sun-clound-weather"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/sun-clound-weather.svg" alt="Иконка Sun Clound Weather" width="24" height="24">

Вопросы и ответы: Иконка Sun Clound Weather

Можно ли бесплатно использовать иконку Sun Clound Weather в коммерческих проектах?

Да. Stickies color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Sun Clound Weather в React?

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

Как добавить иконку Sun Clound Weather на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/sun-clound-weather.svg" alt="Иконка Sun Clound Weather">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Stickies color icons →