Skyone icon
cbi:skyone
The Skyone icon (cbi:skyone) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.678 9.581H10.069a.323.323 0 0 0-.322.323v4.193a.323.323 0 0 0 .322.322h11.609a.323.323 0 0 0 .322-.323V9.903a.323.323 0 0 0-.322-.322m-8.886 3.848a1.274 1.274 0 0 1-1.285-1.378a1.31 1.31 0 0 1 1.328-1.423a1.27 1.27 0 0 1 1.291 1.378a1.308 1.308 0 0 1-1.339 1.423Zm4.239-.06h-.489v-1.545c0-.432-.16-.792-.62-.792a.69.69 0 0 0-.653.499a.7.7 0 0 0-.034.227v1.612h-.488v-1.956c0-.277 0-.504-.021-.725h.433l.028.443h.01a.99.99 0 0 1 .885-.504c.372 0 .949.221.949 1.141Zm2.951-1.252h-1.889a.86.86 0 0 0 .921.931a1.75 1.75 0 0 0 .74-.139l.083.35a2.2 2.2 0 0 1-.89.165a1.244 1.244 0 0 1-1.318-1.351a1.3 1.3 0 0 1 1.256-1.445a1.135 1.135 0 0 1 1.108 1.263a2 2 0 0 1-.016.226Zm-7.162-1.124c-.576 0-.825.531-.825 1.041c0 .587.339 1.031.814 1.031s.815-.437.815-1.042c0-.454-.228-1.03-.804-1.03m6.027.007a.81.81 0 0 0-.748.793h1.424a.7.7 0 0 0-.676-.793m-15.427.85l-.499-.093c-.161-.028-.262-.064-.262-.157s.1-.157.358-.157c.145 0 .279.008.393.015c.085 0 .159.01.219.01c.185 0 .375-.078.375-.439a.7.7 0 0 0-.012-.142a5.5 5.5 0 0 0-1.179-.04a.793.793 0 0 0-.813.769a.74.74 0 0 0 .668.699l.523.1c.194.041.291.081.291.186c0 .076-.077.16-.323.16c-.118 0-.255-.009-.388-.017s-.238-.015-.329-.015c-.184 0-.378.081-.378.443a1 1 0 0 0 .017.145a6.6 6.6 0 0 0 1.251.04c.552-.06.822-.362.822-.776c-.005-.357-.227-.646-.734-.731m4.729-.619l-.438 1.029l-.858-1.398a1.4 1.4 0 0 0-.289-.04a.79.79 0 0 0-.648.3l-.838.909l.672 1.056a.59.59 0 0 0 .552.289a1 1 0 0 0 .387-.073l-.81-1.204l.572-.608l.942 1.474l-.571 1.208a.8.8 0 0 0 .321.068a.465.465 0 0 0 .491-.318l1.35-3.015a.8.8 0 0 0-.282-.065a.54.54 0 0 0-.553.387m-3.784-.809v2.945a1 1 0 0 0 .158.012c.434 0 .523-.128.523-.349V9.977a1 1 0 0 0-.164-.016c-.44 0-.517.233-.517.459"/></svg>How to use the Skyone icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:skyone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:skyone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:skyone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--skyone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:skyone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:skyone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/skyone.svg" alt="Skyone icon" width="24" height="24">Skyone icon FAQ
Is the Skyone 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 Skyone icon in React?
Install @iconify/react and render <Icon icon="cbi:skyone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Skyone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/skyone.svg" alt="Skyone icon">, or paste the SVG code inline to style it with CSS.