Cloud Sun 2 Linear icon

solar:cloud-sun-2-linear

The Cloud Sun 2 Linear icon (solar:cloud-sun-2-linear) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Weather
Tags: cloudsun, sunlinear, cloudsunlinear

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M14.381 11.0272C14.9767 10.8191 15.6178 10.7059 16.2857 10.7059C16.9404 10.7059 17.5693 10.8147 18.1551 11.015M8.66667 14.2426C8.20528 13.9374 7.68058 13.7184 7.11616 13.6089C6.8475 13.5567 6.56983 13.5294 6.28571 13.5294C3.91878 13.5294 2 15.4256 2 17.7647C2 20.1038 3.91878 22 6.28571 22H16.2857C19.4416 22 22 19.4717 22 16.3529C22 13.8811 20.393 11.7802 18.1551 11.015M7.11616 13.6089C6.88706 12.9978 6.7619 12.3369 6.7619 11.6471C6.7619 8.52827 9.32028 6 12.4762 6C15.4159 6 17.8371 8.19371 18.1551 11.015"/><path d="M8 4.5C6.067 4.5 4.5 6.067 4.5 8C4.5 9.3962 5.31753 10.6015 6.5 11.1632M8 4.5C8.74362 4.5 9.43308 4.73191 10 5.12734M8 4.5C7.25638 4.5 6.56692 4.73191 6 5.12734M8 4.5C8.95365 4.5 9.81822 4.88141 10.4495 5.5M8 4.5C7.04635 4.5 6.18178 4.88141 5.55051 5.5M8 4.5C9.27316 4.5 10.3876 5.17979 11 6.19621"/><path stroke-linecap="round" d="M7.5 2V2.5"/><path stroke-linecap="round" d="M2.5 7.5L2 7.5"/><path stroke-linecap="round" d="M11.3887 3.61133L11.1726 3.82739"/><path stroke-linecap="round" d="M3.82715 11.1729L3.61109 11.3889"/><path stroke-linecap="round" d="M3.82715 3.82715L3.61109 3.61109"/></g></svg>

How to use the Cloud Sun 2 Linear icon

React

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

<Icon icon="solar:cloud-sun-2-linear" width="24" />

Vue

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

<template>
  <Icon icon="solar:cloud-sun-2-linear" width="24" />
</template>

Svelte

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

<Icon icon="solar:cloud-sun-2-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cloud-sun-2-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cloud-sun-2-linear"></div>

Web component

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

<iconify-icon icon="solar:cloud-sun-2-linear"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/cloud-sun-2-linear.svg" alt="Cloud Sun 2 Linear icon" width="24" height="24">

Related icons in Solar

Cloud Sun 2 Linear icon FAQ

Is the Cloud Sun 2 Linear icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Cloud Sun 2 Linear icon in React?

Install @iconify/react and render <Icon icon="solar:cloud-sun-2-linear" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Cloud Sun 2 Linear icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/cloud-sun-2-linear.svg" alt="Cloud Sun 2 Linear icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →