Home/Libraries/SVG Logos (Iconify)/cirrus

SVG Logos (Iconify)

Cirrus

License: CC0-1.0Commercial 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 256 199"><path fill="#818cf8" d="M162.614 141.315H93.392V16.913h69.222z"/><path fill="#818cf8" d="M97.783 79.116c0-25.235 11.815-47.714 30.215-62.2C114.543 6.322 97.562 0 79.107 0C35.417 0 0 35.42 0 79.116s35.416 79.117 79.107 79.117c18.455 0 35.436-6.323 48.891-16.916c-18.4-14.486-30.215-36.965-30.215-62.2"/><path fill="#818cf8" d="M256 79.116c0 43.696-35.416 79.117-79.107 79.117c-18.455 0-35.436-6.323-48.891-16.916c18.4-14.486 30.215-36.965 30.215-62.2c0-25.236-11.815-47.715-30.215-62.201C141.457 6.322 158.438 0 176.893 0C220.583 0 256 35.42 256 79.116"/><path fill="#818cf8" d="M181.7 178.644c-2.197-1.448-5.23-2.198-8.565-2.198c-5.322 0-8.747 2.55-8.747 6.725c0 3.426 2.55 5.533 7.248 6.197l2.158.307c2.5.352 3.687 1.01 3.687 2.193c0 1.63-1.67 2.55-4.789 2.55c-3.164 0-5.447-1.01-6.987-2.198l-2.152 3.561c2.505 1.846 5.668 2.727 9.094 2.727c6.066 0 9.582-2.857 9.582-6.856c0-3.692-2.767-5.624-7.339-6.288l-2.153-.307c-1.976-.261-3.56-.659-3.56-2.062c0-1.54 1.493-2.46 3.998-2.46c2.681 0 5.276 1.011 6.549 1.801zm-107.923 8.832c0 6.373 4.436 11.03 11.206 11.03c3.164 0 5.272-.704 7.556-2.504l-2.199-3.692c-1.71 1.232-3.51 1.89-5.492 1.89c-3.647-.044-6.323-2.68-6.323-6.724s2.676-6.68 6.323-6.725c1.981 0 3.782.659 5.492 1.891l2.199-3.692c-2.284-1.8-4.392-2.505-7.556-2.505c-6.77 0-11.206 4.658-11.206 11.03m44.054-11.03c-2.635 0-4.35 1.233-5.538 3.079v-2.55h-4.522v21.005h4.568V186.2c0-3.471 1.493-5.403 4.481-5.403c.926 0 1.892.131 2.857.529l1.404-4.306c-1.006-.397-2.33-.573-3.25-.573m16.973 0c-2.636 0-4.351 1.233-5.538 3.079v-2.55h-4.522v21.005h4.567V186.2c0-3.471 1.494-5.403 4.482-5.403c.925 0 1.89.131 2.857.529l1.403-4.306c-1.006-.397-2.329-.573-3.25-.573m-32.02 21.524h-4.597v-20.975h4.597zm-2.323-31.457c.452 0 .875.08 1.272.251q.59.25 1.026.69c.29.291.523.633.69 1.026c.172.397.249.82.249 1.272s-.08.875-.25 1.268a3.08 3.08 0 0 1-1.715 1.685q-.596.24-1.272.241q-.68 0-1.268-.241a3 3 0 0 1-1.021-.664a3.1 3.1 0 0 1-.664-1.021a3.3 3.3 0 0 1-.242-1.268q0-.678.242-1.272a3.2 3.2 0 0 1 .664-1.027a3.1 3.1 0 0 1 1.021-.689a3.1 3.1 0 0 1 1.268-.251m60.261 22.57q-.002 2.496-.82 4.291q-.82 1.794-2.163 2.932a8.6 8.6 0 0 1-3.068 1.675a11.96 11.96 0 0 1-7.092 0a8.7 8.7 0 0 1-3.084-1.675q-1.35-1.138-2.162-2.932q-.81-1.795-.81-4.29v-12.088h4.542v11.67q0 1.51.387 2.575q.393 1.058 1.071 1.715c.453.438.991.76 1.61.956a6.6 6.6 0 0 0 1.992.297q1.057 0 1.987-.297a4.05 4.05 0 0 0 1.61-.956c.457-.437.81-1.01 1.07-1.715c.262-.709.388-1.57.388-2.575v-11.67h4.542z"/></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. CirrusIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** 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.