Bluetti Alt icon
cbi:bluetti-alt
The Bluetti Alt icon (cbi:bluetti-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
- bluettialt
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.983 18.498v1.699h.047l-.048.039c.227.269.53.458.87.534l.004.003h1.2c.345-.082.649-.278.866-.555l.008-.009v-1.706l-.585.188v1.369a.73.73 0 0 1-.395.22h-.987a.73.73 0 0 1-.395-.22v-1.373Zm-5.916.028l-.016.067l.614.308h.874q.273-.009.535.058v.329a2 2 0 0 1-.535.06H2.65v.453h.888q.314-.008.615.081v.382q-.302.092-.615.082h-.914v-1.434L2 18.582v2.146h1.662h-.002a1.74 1.74 0 0 0 .968-.217l.018-.009v-.816l-.015-.011a1 1 0 0 0-.228-.12a1 1 0 0 0 .165-.082l.016-.011v-.735l-.022-.01a2.7 2.7 0 0 0-1.046-.193Zm3.15 0v2.198h2.12l.408-.381H5.838v-1.817Zm6.284 0v.036l.014 2.18h2.982l-.425-.381H12.14v-.564h1.9v-.39h-1.9v-.5h1.866l.392-.381Zm3.039 0l.354.381h.946l.014 1.817h.62v-1.817h.95l.344-.381Zm3.333 0l.353.381h.951l.004 1.817h.616v-1.817h.946l.349-.381Zm3.498 0v.036l.009 2.162H22v-2.198Zm-13.317.07l.443.14v1.354l.009.01a.8.8 0 0 0 .445.25l.003.002h1.007a.8.8 0 0 0 .445-.25l.01-.012v-1.348l.442-.141v1.582a1.5 1.5 0 0 1-.816.52H8.865a1.54 1.54 0 0 1-.824-.506h.012Zm-5.838 0h1.3c.342-.003.68.056.997.18v.646a.8.8 0 0 1-.222.098l-.13.033l.13.036c.1.028.197.076.284.135v.734a1.65 1.65 0 0 1-.91.199H2.07V18.7l.483.254v1.464h.983a2 2 0 0 0 .663-.09l.025-.008v-.491L4.2 19.82a2 2 0 0 0-.663-.091h-.814v-.309h.815c.194.004.391-.019.58-.069l.027-.006V18.9l-.026-.008a2 2 0 0 0-.583-.062h-.854Zm3.072 0h.479v1.817h1.798l-.257.241h-2.02Zm6.285 0h2.65l-.245.241h-1.91v.64h1.902v.25h-1.901v.704h1.976l.267.239h-2.727Zm3.13 0h2.905l-.215.241h-.99v1.817h-.48l-.012-1.817h-.986Zm3.332 0h2.896l-.219.241h-.985v1.817h-.475l-.005-1.817h-.99Zm3.407 0h.487v2.058h-.479ZM20.308 3.267l-2.73 1.572l-.014.024l-5.631 9.737l.014 3.156Zm-.545.545l-7.62 13.205l-.01-2.364l5.59-9.667Zm-8.78 3.523l-.374-1.96l-4.345-.761L3.88 3.227h15.98l-2.372 1.386l-4.345.762l-.374 2.996Zm-.174.312l-1.898.662l-2.834-3.396l-2.385-1.374l7.99 13.847v-2.76l-1.522-4.145l2.41-1.81Z"/></svg>How to use the Bluetti Alt icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:bluetti-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:bluetti-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:bluetti-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--bluetti-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:bluetti-alt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:bluetti-alt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/bluetti-alt.svg" alt="Bluetti Alt icon" width="24" height="24">Related icons in Custom Brand Icons
Bluetti Alt icon FAQ
Is the Bluetti 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 Bluetti Alt icon in React?
Install @iconify/react and render <Icon icon="cbi:bluetti-alt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bluetti Alt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/bluetti-alt.svg" alt="Bluetti Alt icon">, or paste the SVG code inline to style it with CSS.