Home/Libraries/Glyphs (Iconify)/cloudy-mostly-outline

Glyphs (Iconify)

CloudyMostlyOutline

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 80 80"><g fill="none"><path fill="#818cf8" fill-opacity=".25" fill-rule="evenodd" d="M45.23 28.397a10.78 10.78 0 0 0-16.583-2.258A13.2 13.2 0 0 0 21.47 24c-3.409 0-6.706 1.348-9.103 3.77a12.7 12.7 0 0 0-2.932 4.663a11.2 11.2 0 0 0-4.162 2.612A11.1 11.1 0 0 0 2 42.9c0 2.948 1.186 5.78 3.273 7.855A11.16 11.16 0 0 0 13.127 54h1.888q-.015.308-.015.618c0 3.557 1.449 6.982 3.97 9.474A13.52 13.52 0 0 0 28.447 68H61.97l.07-.001h2.513a13.52 13.52 0 0 0 9.477-3.908A13.37 13.37 0 0 0 78 54.617c0-3.558-1.449-6.982-3.97-9.475a13.5 13.5 0 0 0-2.54-1.973a16.4 16.4 0 0 0-.526-5.5c-1.149-4.238-3.983-7.87-7.8-10.048a16.9 16.9 0 0 0-12.658-1.658a16.9 16.9 0 0 0-5.276 2.434m-7.114-.844a6.78 6.78 0 0 0-6.474 1.273a13.1 13.1 0 0 1 2.363 4.373a12.2 12.2 0 0 1 6.435.285a16.7 16.7 0 0 1 1.724-2.353a6.78 6.78 0 0 0-4.048-3.578m4.906 9.442a2 2 0 0 1-2.626.78a8.3 8.3 0 0 0-3.83-.875a8.2 8.2 0 0 0-3.908 1.065a8 8 0 0 0-3.936 5.706a2 2 0 0 1-1.675 1.67a9.55 9.55 0 0 0-5.265 2.646a9.4 9.4 0 0 0-2.37 3.909A9.2 9.2 0 0 0 19 54.618a9.37 9.37 0 0 0 2.782 6.63A9.52 9.52 0 0 0 28.447 64h33.486l.065-.001h2.555c2.48 0 4.892-1 6.665-2.752A9.37 9.37 0 0 0 74 54.617a9.37 9.37 0 0 0-2.782-6.63a9.6 9.6 0 0 0-2.711-1.878a2 2 0 0 1-1.136-2.138c.284-1.739.2-3.531-.268-5.256c-.867-3.198-3.017-5.962-5.922-7.62a12.9 12.9 0 0 0-9.65-1.266a12.83 12.83 0 0 0-5.667 3.211a12.7 12.7 0 0 0-2.105 2.693zM25.07 41.67a12 12 0 0 1 5.212-6.945A9.15 9.15 0 0 0 21.47 28c-2.363 0-4.63.936-6.26 2.583a8.7 8.7 0 0 0-2.242 3.96a2 2 0 0 1-1.476 1.449a7.17 7.17 0 0 0-3.4 1.89A7.1 7.1 0 0 0 6 42.9c0 1.877.757 3.69 2.093 5.018A7.16 7.16 0 0 0 13.127 50h2.707a13.4 13.4 0 0 1 3.136-4.857a13.56 13.56 0 0 1 6.1-3.473" clip-rule="evenodd"/><path fill="#818cf8" fill-opacity=".25" d="M38.021 13.994a2 2 0 0 0-4 0l-.019 6.16a2 2 0 0 0 2.032 2.006a2 2 0 0 0 2.007-2.006l-.02-6.148zM25.88 16.639a2 2 0 0 0-3.236 2.351l3.605 4.995a2 2 0 0 0 2.821.43a2 2 0 0 0 .446-2.803zm23.519 2.351a2 2 0 0 0-3.236-2.351l-.008.01l-3.629 4.962a2 2 0 0 0 .463 2.816a2 2 0 0 0 2.805-.442L49.39 19z"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M31.012 68h-2.565a13.52 13.52 0 0 1-9.477-3.908A13.37 13.37 0 0 1 15.015 54h-1.888a11.16 11.16 0 0 1-7.854-3.245A11.1 11.1 0 0 1 2 42.9c0-2.948 1.186-5.78 3.273-7.855a11.2 11.2 0 0 1 4.162-2.612a12.7 12.7 0 0 1 2.932-4.663C14.764 25.348 18.061 24 21.47 24c2.55 0 5.05.754 7.177 2.139a10.778 10.778 0 0 1 16.583 2.258a16.9 16.9 0 0 1 5.276-2.434a16.9 16.9 0 0 1 12.658 1.657c3.817 2.18 6.651 5.811 7.8 10.049c.489 1.805.661 3.665.526 5.5c.916.55 1.77 1.212 2.54 1.973A13.37 13.37 0 0 1 78 54.617c0 3.557-1.449 6.982-3.97 9.474A13.52 13.52 0 0 1 64.553 68H62.04l-.07.001H31.03m-.02 0h.02m-.02 0h.02m.01-4h30.892l.065-.001h2.555c2.48 0 4.892-1 6.665-2.752A9.37 9.37 0 0 0 74 54.617a9.37 9.37 0 0 0-2.782-6.63a9.6 9.6 0 0 0-2.711-1.878a2 2 0 0 1-1.136-2.138c.284-1.739.2-3.531-.268-5.256c-.867-3.198-3.017-5.962-5.922-7.62a12.9 12.9 0 0 0-9.65-1.266a12.83 12.83 0 0 0-5.667 3.211a12.7 12.7 0 0 0-2.105 2.693l-.737 1.262a2 2 0 0 1-2.626.78a8.3 8.3 0 0 0-3.83-.875a8.2 8.2 0 0 0-3.908 1.065a8 8 0 0 0-3.936 5.706a2 2 0 0 1-1.675 1.67a9.55 9.55 0 0 0-5.265 2.646a9.4 9.4 0 0 0-2.37 3.909A9.2 9.2 0 0 0 19 54.618a9.37 9.37 0 0 0 2.782 6.63A9.52 9.52 0 0 0 28.447 64h2.577m.018 0h-.018m.018 0h-.018m6.997-50.006a2 2 0 0 0-4 0l-.019 6.16a2 2 0 0 0 2.032 2.006a2 2 0 0 0 2.007-2.006l-.02-6.148zM25.88 16.639a2 2 0 0 0-3.236 2.351l3.605 4.995a2 2 0 0 0 2.821.43a2 2 0 0 0 .446-2.803zm23.519 2.351a2 2 0 0 0-3.236-2.351l-.008.01l-3.629 4.962a2 2 0 0 0 .463 2.816a2 2 0 0 0 2.805-.442L49.39 19zm-15.472 8.563a6.78 6.78 0 0 1 8.237 3.578a16.7 16.7 0 0 0-1.724 2.353a12.3 12.3 0 0 0-4.067-.581c-.797.02-1.59.12-2.368.296c-.5-1.587-1.3-3.073-2.363-4.373c.668-.566 1.443-1 2.285-1.273m-3.645 7.172a12 12 0 0 0-5.212 6.945a13.56 13.56 0 0 0-6.1 3.473A13.4 13.4 0 0 0 15.834 50h-2.707a7.16 7.16 0 0 1-5.034-2.082A7.1 7.1 0 0 1 6 42.9c0-1.877.757-3.69 2.093-5.018a7.17 7.17 0 0 1 3.4-1.89a2 2 0 0 0 1.475-1.449a8.7 8.7 0 0 1 2.242-3.96C16.84 28.936 19.107 28 21.47 28s4.68.938 6.385 2.606a9.15 9.15 0 0 1 2.427 4.119"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. CloudyMostlyOutlineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Glyphs (Iconify)

Browse all Glyphs (Iconify) icons →