Cloud Cross Outline icon

solar:cloud-cross-outline

The Cloud Cross Outline icon (solar:cloud-cross-outline) 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: cloudcross, crossoutline, cloudcrossoutline, clound cross outline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.4762 3.75C9.7261 3.75 7.5119 5.95083 7.5119 8.64706C7.5119 9.10922 7.5766 9.55551 7.69729 9.97813C8.19449 10.1216 8.65991 10.3389 9.08045 10.6171C9.42592 10.8456 9.52072 11.3109 9.29219 11.6564C9.06366 12.0019 8.59835 12.0967 8.25288 11.8681C7.87207 11.6162 7.43917 11.4355 6.9733 11.3451C6.75147 11.3021 6.52165 11.2794 6.28571 11.2794C4.3246 11.2794 2.75 12.8482 2.75 14.7647C2.75 16.6812 4.3246 18.25 6.28571 18.25C6.69993 18.25 7.03571 18.5858 7.03571 19C7.03571 19.4142 6.69993 19.75 6.28571 19.75C3.51296 19.75 1.25 17.5264 1.25 14.7647C1.25 12.0605 3.41987 9.87207 6.11351 9.78228C6.04673 9.41355 6.0119 9.03413 6.0119 8.64706C6.0119 5.10572 8.91446 2.25 12.4762 2.25C15.6343 2.25 18.2724 4.49369 18.8314 7.47127C21.1313 8.44751 22.75 10.7093 22.75 13.3529C22.75 16.4269 20.5623 18.9843 17.6568 19.6057C17.2518 19.6923 16.8532 19.4341 16.7666 19.0291C16.68 18.624 16.9381 18.2254 17.3432 18.1388C19.5829 17.6598 21.25 15.693 21.25 13.3529C21.25 11.2162 19.8607 9.39087 17.9124 8.72463C17.4038 8.55072 16.8568 8.45588 16.2857 8.45588C15.7031 8.45588 15.1455 8.55458 14.6283 8.73526C14.2372 8.87185 13.8095 8.66557 13.6729 8.27453C13.5363 7.88348 13.7426 7.45575 14.1336 7.31916C14.8079 7.08364 15.5326 6.95588 16.2857 6.95588C16.5812 6.95588 16.8723 6.97555 17.1577 7.01367C16.477 5.11631 14.6422 3.75 12.4762 3.75ZM9.96965 16.9697C10.2625 16.6768 10.7374 16.6768 11.0303 16.9697L12 17.9393L12.9697 16.9697C13.2625 16.6768 13.7374 16.6768 14.0303 16.9697C14.3232 17.2626 14.3232 17.7374 14.0303 18.0303L13.0606 19L14.0303 19.9696C14.3232 20.2625 14.3232 20.7374 14.0303 21.0303C13.7374 21.3232 13.2625 21.3232 12.9696 21.0303L12 20.0607L11.0303 21.0303C10.7374 21.3232 10.2626 21.3232 9.96967 21.0303C9.67677 20.7374 9.67677 20.2626 9.96967 19.9697L10.9393 19L9.96965 18.0303C9.67676 17.7374 9.67676 17.2626 9.96965 16.9697Z" clip-rule="evenodd"/></svg>

How to use the Cloud Cross Outline icon

React

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

<Icon icon="solar:cloud-cross-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:cloud-cross-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:cloud-cross-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cloud-cross-outline]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="solar:cloud-cross-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/cloud-cross-outline.svg" alt="Cloud Cross Outline icon" width="24" height="24">

Related icons in Solar

Cloud Cross Outline icon FAQ

Is the Cloud Cross Outline 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 Cross Outline icon in React?

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

How do I add the Cloud Cross Outline icon to a web page?

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

Browse all Solar icons →