Airgradient Alt icon
cbi:airgradient-alt
The Airgradient Alt icon (cbi:airgradient-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
- airgradientalt
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.661 16.476a9.2 9.2 0 0 0 11.316.078a9 9 0 0 0 1.023-.87V4.455A2.457 2.457 0 0 0 19.545 2H4.455A2.457 2.457 0 0 0 2 4.455v15.09A2.457 2.457 0 0 0 4.455 22h15.09A2.457 2.457 0 0 0 22 19.545v-1.686a10.8 10.8 0 0 1-3.718 1.926A9.71 9.71 0 0 1 7.8 16.406a7.34 7.34 0 0 1 .649-9.531a6.98 6.98 0 0 0-1.355 4.536a7.14 7.14 0 0 0 2.567 5.065m-4.656-3.407a8.5 8.5 0 0 0 3.641 6.441a9.78 9.78 0 0 0 6.462 1.665a9.24 9.24 0 0 1-4.254.155a9.5 9.5 0 0 1-4.769-2.547A9.55 9.55 0 0 1 3.834 9.4a8.91 8.91 0 0 1 7.789-6.434a6.726 6.726 0 0 1 7.04 5.2a6.4 6.4 0 0 0-2.836-3.288a6.57 6.57 0 0 0-5.178-.515a8.466 8.466 0 0 0-5.644 8.706"/></svg>How to use the Airgradient Alt icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:airgradient-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:airgradient-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:airgradient-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--airgradient-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:airgradient-alt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:airgradient-alt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/airgradient-alt.svg" alt="Airgradient Alt icon" width="24" height="24">Related icons in Custom Brand Icons
Airgradient Alt icon FAQ
Is the Airgradient 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 Airgradient Alt icon in React?
Install @iconify/react and render <Icon icon="cbi:airgradient-alt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Airgradient Alt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/airgradient-alt.svg" alt="Airgradient Alt icon">, or paste the SVG code inline to style it with CSS.