ICONYZ
Español
Icono Bluetti Alt de Custom Brand Icons

Icono Bluetti Alt

cbi:bluetti-alt

El icono Bluetti Alt (cbi:bluetti-alt) es un icono SVG gratuito de la colección Custom Brand Icons de Emanuele & rchiileea. Está dibujado en una cuadrícula de 24 × 24. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Custom Brand Icons
Autor
Emanuele & rchiileea
Licencia
CC-BY-NC-SA-4.0
Tamaño
24 × 24
Etiquetas
bluettialt
Descargar SVG

Código SVG

<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>

Cómo usar el icono Bluetti Alt

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>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/cbi/bluetti-alt.svg" alt="Icono Bluetti Alt" width="24" height="24">

Iconos relacionados en Custom Brand Icons

Preguntas frecuentes sobre Icono Bluetti Alt

¿El icono Bluetti Alt es gratis para uso comercial?

No. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor.

¿Cómo uso el icono Bluetti Alt en React?

Instala @iconify/react y renderiza <Icon icon="cbi:bluetti-alt" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Bluetti Alt a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/cbi/bluetti-alt.svg" alt="Icono Bluetti Alt">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Custom Brand Icons →