Cloud Sun 2 Broken icon

solar:cloud-sun-2-broken

The Cloud Sun 2 Broken icon (solar:cloud-sun-2-broken) 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, sunbroken, cloudsunbroken

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="M22 16.3529C22 19.4717 19.4416 22 16.2857 22H11M14.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.68059 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 22H7M7.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.015M18.1551 11.015C18.8381 11.2485 19.4623 11.6065 20 12.0614"/><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 Broken icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cloud-sun-2-broken"></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-broken"></iconify-icon>

HTML image

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

Related icons in Solar

Cloud Sun 2 Broken icon FAQ

Is the Cloud Sun 2 Broken 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 Broken icon in React?

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

How do I add the Cloud Sun 2 Broken 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-broken.svg" alt="Cloud Sun 2 Broken icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →