Airgradient icon

cbi:airgradient

The Airgradient icon (cbi:airgradient) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22 10.961v-.275h-.515v-.476l-.35.114v.366h-.306v.275h.306v1.08a.73.73 0 0 0 .138.514a.5.5 0 0 0 .389.158a.9.9 0 0 0 .318-.055l-.015-.272a.7.7 0 0 1-.209.024c-.2 0-.271-.138-.271-.385v-1.068Zm-2.015-.326a.73.73 0 0 0-.657.373h-.008l-.019-.326h-.319c.012.165.016.334.016.538v1.446h.362v-1.187a.6.6 0 0 1 .023-.168a.52.52 0 0 1 .484-.37c.342 0 .46.267.46.585v1.14h.36v-1.187c-.004-.68-.427-.844-.702-.844m-2.044.007a.964.964 0 0 0-.931 1.068a.924.924 0 0 0 .974 1a1.6 1.6 0 0 0 .66-.126l-.063-.259a1.3 1.3 0 0 1-.55.1a.634.634 0 0 1-.678-.684h1.399a1.4 1.4 0 0 0 .012-.169a.84.84 0 0 0-.823-.93m-.585.841a.6.6 0 0 1 .553-.585a.513.513 0 0 1 .5.585Zm-.959-.801h.362v1.984h-.362Zm.181-.783a.22.22 0 0 0-.224.224a.222.222 0 1 0 .224-.224m-.576-.141h-.36v1.183h-.007a.66.66 0 0 0-.6-.3a.95.95 0 0 0-.887 1.065a.9.9 0 0 0 .854 1.003a.74.74 0 0 0 .676-.389h.008l.015.346h.323a7 7 0 0 1-.016-.511Zm-.362 2.078a.7.7 0 0 1-.015.157a.54.54 0 0 1-.527.429c-.389 0-.586-.334-.586-.735c0-.439.22-.766.594-.766a.534.534 0 0 1 .519.417a1 1 0 0 1 .015.152Zm-1.722.354v-.743c0-.399-.149-.809-.755-.809a1.24 1.24 0 0 0-.652.177l.082.236a1 1 0 0 1 .515-.149a.408.408 0 0 1 .452.459v.037c-.766 0-1.191.259-1.191.739a.565.565 0 0 0 .606.57a.73.73 0 0 0 .605-.295h.012l.027.252h.326a3 3 0 0 1-.031-.476Zm-.35-.185a.4.4 0 0 1-.02.114a.5.5 0 0 1-.479.33a.322.322 0 0 1-.342-.346c0-.385.448-.455.841-.448Zm-2.164.661h.357v-1.054a1 1 0 0 1 .016-.169a.5.5 0 0 1 .483-.463a.6.6 0 0 1 .122.012v-.342a.4.4 0 0 0-.1-.012a.6.6 0 0 0-.551.437h-.015l-.012-.389h-.313q.016.27.015.617Zm-2.2-.979a.887.887 0 0 0 .845.967a.7.7 0 0 0 .633-.33v.22c0 .5-.271.691-.641.691a1.1 1.1 0 0 1-.581-.157l-.091.275a1.3 1.3 0 0 0 .661.166a1.06 1.06 0 0 0 .723-.236a1.13 1.13 0 0 0 .283-.9v-1.155c0-.244.008-.4.016-.546h-.315l-.016.3h-.007a.65.65 0 0 0-.618-.345a.953.953 0 0 0-.892 1.05m1.46-.388a.5.5 0 0 1 .02.164v.354a.7.7 0 0 1-.027.192a.53.53 0 0 1-.5.37c-.389 0-.585-.323-.585-.712c0-.459.243-.75.589-.75a.52.52 0 0 1 .503.382m-2.095 1.367v-1.018a1 1 0 0 1 .012-.138a.4.4 0 0 1 .423-.311a.6.6 0 0 1 .169.019v-.589a.6.6 0 0 0-.13-.008a.59.59 0 0 0-.542.412h-.014l-.02-.369H7.93c.008.173.015.366.015.66v1.344ZM7.03 10.662h.621v2.004H7.03Zm.306-.869a.313.313 0 1 0 0 .625a.313.313 0 1 0 0-.625m-2.401 2.305a.615.615 0 0 0 .648.613a.72.72 0 0 0 .574-.248h.012l.035.2h.562a3 3 0 0 1-.027-.488v-.692a.778.778 0 0 0-.881-.863a1.6 1.6 0 0 0-.778.177l.114.4a1.14 1.14 0 0 1 .554-.153c.307 0 .366.153.366.26v.027c-.71-.001-1.179.25-1.179.767m1.2-.378v.216a.5.5 0 0 1-.011.107a.34.34 0 0 1-.323.228a.222.222 0 0 1-.247-.236c-.002-.237.251-.317.579-.313Zm5.169 2.677a4.89 4.89 0 0 1-5.999-.062a3.78 3.78 0 0 1-1.352-2.692a3.7 3.7 0 0 1 .727-2.399a3.9 3.9 0 0 0-.366 5.054a5.14 5.14 0 0 0 5.552 1.811a5.62 5.62 0 0 0 3.572-3.053h-.884a4.9 4.9 0 0 1-1.25 1.341m2.531-4.179a5.27 5.27 0 0 0-1.706-3.261a5.73 5.73 0 0 1 1.191 3.265Zm-9.065 5.76a4.587 4.587 0 0 1 1.08-8.062a3.5 3.5 0 0 1 2.759.279a3.4 3.4 0 0 1 1.5 1.752a3.58 3.58 0 0 0-3.74-2.774a4.74 4.74 0 0 0-4.149 3.418a5.09 5.09 0 0 0 1.19 4.998a5.04 5.04 0 0 0 2.539 1.36a4.9 4.9 0 0 0 2.264-.083a5.2 5.2 0 0 1-3.443-.888"/></svg>

How to use the Airgradient icon

React

import { Icon } from "@iconify/react";

<Icon icon="cbi:airgradient" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cbi:airgradient" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cbi:airgradient" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--airgradient]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:airgradient"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cbi:airgradient"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/airgradient.svg" alt="Airgradient icon" width="24" height="24">

Related icons in Custom Brand Icons

Airgradient icon FAQ

Is the Airgradient 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 icon in React?

Install @iconify/react and render <Icon icon="cbi:airgradient" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Airgradient icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/airgradient.svg" alt="Airgradient icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →