Ícone Claude Ai
bxl:claude-ai
O ícone Claude Ai (bxl:claude-ai) é um ícone SVG gratuito da coleção Boxicons Brands de Boxicons. Ele é desenhado em uma grade de 24 × 24. Boxicons Brands icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Boxicons Brands
- Autor
- Boxicons
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- claudeai
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m6.09 15.21l3.83-2.15l.06-.19l-.06-.1h-.19l-.64-.04l-2.19-.06l-1.9-.08l-1.84-.1l-.46-.1l-.43-.57l.04-.29l.39-.26l.56.05l1.23.08l1.85.13l1.34.08l1.99.21h.32l.04-.13l-.11-.08l-.08-.08l-1.91-1.3l-2.07-1.37l-1.08-.79l-.59-.4l-.3-.37l-.13-.82l.53-.59l.71.05l.18.05l.72.56l1.55 1.2l2.02 1.49l.3.25l.12-.08v-.06l-.12-.22l-1.1-1.99L7.5 5.12l-.52-.84l-.14-.5c-.05-.21-.08-.38-.08-.59l.61-.82l.33-.11l.81.11l.34.3l.5 1.15l.81 1.81l1.26 2.46l.37.73l.2.68l.07.21h.13v-.12l.1-1.38l.19-1.7l.19-2.19l.06-.62l.31-.74l.61-.4l.47.23l.39.56l-.05.36l-.23 1.5l-.45 2.36l-.3 1.58h.17l.2-.2l.8-1.06l1.34-1.68l.59-.67l.69-.73l.44-.35h.84l.62.92l-.28.95l-.86 1.09l-.71.93l-1.02 1.38l-.64 1.1l.06.09h.15l2.32-.51l1.25-.23l1.49-.26l.68.32l.07.32l-.27.66l-1.6.39l-1.87.37l-2.79.66l-.03.02l.04.05l1.26.12l.54.03h1.32l2.45.18l.64.42l.38.52l-.06.39l-.99.5l-1.33-.32l-3.1-.74l-1.06-.27h-.15v.09l.89.87l1.63 1.47l2.04 1.89l.1.47l-.26.37l-.28-.04l-1.79-1.35l-.69-.61l-1.56-1.32h-.1v.14l.36.53l1.9 2.86l.1.88l-.14.29l-.49.17l-.54-.1l-1.11-1.56l-1.15-1.76l-.93-1.58l-.11.06l-.55 5.89l-.26.3l-.59.23l-.49-.37l-.26-.61l.26-1.2l.32-1.56l.26-1.24l.23-1.54l.14-.51v-.03l-.12.01l-1.16 1.6l-1.77 2.39l-1.4 1.5l-.34.13l-.58-.3l.05-.54l.33-.48l1.94-2.46l1.17-1.53l.75-.88v-.13h-.05l-5.14 3.34l-.92.12l-.39-.37l.05-.61l.19-.2l1.55-1.06Z"/></svg>Como usar o ícone Claude Ai
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:claude-ai" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:claude-ai" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:claude-ai" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--claude-ai]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:claude-ai"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:claude-ai"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/bxl/claude-ai.svg" alt="Ícone Claude Ai" width="24" height="24">O ícone Claude Ai em outras coleções
Perguntas frequentes sobre Ícone Claude Ai
O ícone Claude Ai é grátis para uso comercial?
Sim. Boxicons Brands icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Claude Ai no React?
Instale @iconify/react e renderize <Icon icon="bxl:claude-ai" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Claude Ai a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/bxl/claude-ai.svg" alt="Ícone Claude Ai">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.