Cloud Sun 2 Icon

From the Solar icon set

Icon named “cloud sun 2” in the source collection.

Loading download options…

Best matches

cloud sun 2 cloud sun 2

License Information

You may share and adapt this icon, including for commercial purposes. Give appropriate credit, link to CC BY 4.0, and state whether you made changes.

View CC BY license

Use This Icon

HTML

<img src="https://cdn.best-icons.com/svg/freeicons-solar/cloud-sun-2.svg" width="24" height="24" alt="cloud sun 2 icon">

React / JSX

export function CloudSun2Icon() {
  return <img src="https://cdn.best-icons.com/svg/freeicons-solar/cloud-sun-2.svg" width={24} height={24} alt="cloud sun 2 icon" />;
}

Vue

<template>
  <img src="https://cdn.best-icons.com/svg/freeicons-solar/cloud-sun-2.svg" width="24" height="24" alt="cloud sun 2 icon" />
</template>

CSS mask

.icon-cloud-sun-2 {
  -webkit-mask: url("https://cdn.best-icons.com/svg/freeicons-solar/cloud-sun-2.svg") center / contain no-repeat;
  mask: url("https://cdn.best-icons.com/svg/freeicons-solar/cloud-sun-2.svg") center / contain no-repeat;
  background-color: currentColor;
}

Plain SVG source and data URI

Copy the original vector markup for inline use, or a base64 data URI for a self-contained embed.

Attribution: Credit the original creator and freeicons-solar under CC-BY-4.0; follow the exact notice on this icon page. Suggested backlink: Powered by Best Icons.

Original SVG file 512px PNG file

Solar set

Using the Cloud Sun 2 Icon

Icon named “cloud sun 2” in the source collection. This line icon belongs to Solar, a source set with 6,033 SVG records. Its recorded source grid is 24px. It is indexed under cloud sun 2, cloud, sun, 2.

Choose SVG for scalable interface artwork or PNG for a raster image in a presentation or document. Export sizes and access depend on your plan. Resizing, recoloring or converting a file does not remove the source license obligations.

Use This Icon

HTML

<img src="https://cdn.best-icons.com/svg/freeicons-solar/cloud-sun-2.svg" width="24" height="24" alt="cloud sun 2 icon">

React / JSX

export function CloudSun2Icon() {
  return <img src="https://cdn.best-icons.com/svg/freeicons-solar/cloud-sun-2.svg" width={24} height={24} alt="cloud sun 2 icon" />;
}

Vue

<template>
  <img src="https://cdn.best-icons.com/svg/freeicons-solar/cloud-sun-2.svg" width="24" height="24" alt="cloud sun 2 icon" />
</template>

CSS mask

.icon-cloud-sun-2 {
  -webkit-mask: url("https://cdn.best-icons.com/svg/freeicons-solar/cloud-sun-2.svg") center / contain no-repeat;
  mask: url("https://cdn.best-icons.com/svg/freeicons-solar/cloud-sun-2.svg") center / contain no-repeat;
  background-color: currentColor;
}

Plain SVG source and data URI

Copy the original vector markup for inline use, or a base64 data URI for a self-contained embed.

Attribution: Credit the original creator and freeicons-solar under CC-BY-4.0; follow the exact notice on this icon page. Suggested backlink: Powered by Best Icons.

Using the Cloud Sun 2 Icon