Home/Libraries/Custom Brand Icons (Iconify)/sky-alt

Custom Brand Icons (Iconify)

SkyAlt

License: CC-BY-NC-SA-4.0

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 24 24"><path fill="#818cf8" d="M22 8.588h-.011a2.108 2.105 0 0 0-.8-.185a1.47 1.47 0 0 0-1.174.442a2.159 2.156 0 0 0-.414.665s-.585 1.387-.643 1.518l.009-.012l-.616 1.438l-.782-1.267l.03.03l-1.713-2.749V8.46a3.7 3.696 0 0 0-.816-.121a2.277 2.274 0 0 0-1.87.862l-2.392 2.61l1.922 3.024a1.7 1.698 0 0 0 1.586.831a2.841 2.838 0 0 0 1.101-.206l-2.319-3.481l.678-.717l.036-.037l.927-.983l2.69 4.223l-1.629 3.449a2.34 2.337 0 0 0 .918.199h.061a1.318 1.317 0 0 0 1.344-.907l3.137-6.979l.034-.055Zm-8.267 2.524a1.07 1.07 0 0 1-.6.308l-1.92.269c-.024 0-.048.006-.072.008l2.201-2.404a2.124 2.122 0 0 1 1.747-.816a3.426 3.422 0 0 1 .723.1l1.417 2.281a.824.823 0 0 0-.179 0l-1.2.166a.48.48 0 0 1-.467-.124l-.588-.919Zm7.449-1.022a.54.54 0 0 1-.368.258l-1.406.2H19.4q-.038.007-.076.017l.1-.242l.324-.765a1.379 1.378 0 0 1 1.39-1.018h.056a1.981 1.978 0 0 1 .62.121ZM8.066 12.706a1.971 1.968 0 0 0-1.049-1.149L7 11.551l-.061-.029a3.622 3.618 0 0 0-.868-.265l-1.42-.264a1.985 1.983 0 0 1-.52-.144a.34.34 0 0 1-.223-.299c0-.262.299-.444 1.022-.444s1.342.073 1.746.073c.528 0 1.072-.221 1.072-1.253a2.045 2.043 0 0 0-.042-.4H7.7a19.713 19.688 0 0 0-2.341-.162a9.039 9.027 0 0 0-1.028.039C2.786 8.577 2 9.501 2 10.612a2.114 2.112 0 0 0 1.9 2.009l1.501.294c.547.107.826.229.826.527c0 .228-.21.465-.918.465c-.636 0-1.501-.1-2.042-.1s-1.081.226-1.081 1.262a2.4 2.397 0 0 0 .046.413a18.844 18.819 0 0 0 3.577.11c1.586-.176 2.35-1.032 2.35-2.221a2.12 2.117 0 0 0-.114-.699Zm-3.425-1.583l1.421.263a2.507 2.504 0 0 1 1.638.891a1.55 1.548 0 0 0-.571-.02l-1.6.224a5.135 5.129 0 0 1-2.42-.335h-.007a1.505 1.503 0 0 1-.157-.099l-.038-.028H2.9a1.776 1.774 0 0 1-.726-1.413c0-1.119.842-1.909 2.2-2.062a14.808 14.79 0 0 1 3.227.1a1.794 1.792 0 0 1 .021.271c0 .998-.529 1.108-.926 1.108c-.168 0-.376-.014-.617-.029c-.333-.02-.71-.045-1.129-.045c-.967 0-1.17.321-1.17.588c-.003.437.561.534.862.586m5.644-5.239h-.08c-1.191.021-1.405.669-1.405 1.293v.016l-.013 4.505v.915v-.018v3.027a3.008 3.004 0 0 0 .445.032c1.234 0 1.491-.367 1.491-.999v-3.057l.008-.033V5.931a2.152 2.15 0 0 0-.29-.041ZM8.953 7.176c0-.575.163-1.159 1.327-1.159a2.201 2.197 0 0 1 .318.024v5.492a.362.361 0 0 1-.332.285l-1.008.143a.7.7 0 0 0-.313.113Z"/></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. SkyAltIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-NC-SA-4.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.

Related Icons in Custom Brand Icons (Iconify)

Browse all Custom Brand Icons (Iconify) icons →