Sky Alt icon
cbi:sky-alt
The Sky Alt icon (cbi:sky-alt) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
- Tags
- skyalt
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" 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>
How to use the Sky Alt icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:sky-alt" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:sky-alt" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:sky-alt" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--sky-alt]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:sky-alt"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:sky-alt"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cbi/sky-alt.svg" alt="Sky Alt icon" width="24" height="24">
Related icons in Custom Brand Icons
Sky Alt icon FAQ
Is the Sky Alt icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Sky Alt icon in React?
Install @iconify/react and render <Icon icon="cbi:sky-alt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sky Alt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/sky-alt.svg" alt="Sky Alt icon">, or paste the SVG code inline to style it with CSS.
Browse all Custom Brand Icons →
ICONYZ
