Иконка Claude Ai

bxl:claude-ai

Иконка Claude Ai (bxl:claude-ai) — бесплатная SVG-иконка из набора Boxicons Brands от Boxicons. Она нарисована на сетке 24 × 24. Boxicons Brands icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Boxicons Brands
Автор: Boxicons
Лицензия: MIT
Размер: 24 × 24
Теги: claudeai

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

<iconify-icon icon="bxl:claude-ai"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/bxl/claude-ai.svg" alt="Иконка Claude Ai" width="24" height="24">

Иконка Claude Ai в других наборах

Вопросы и ответы: Иконка Claude Ai

Можно ли бесплатно использовать иконку Claude Ai в коммерческих проектах?

Да. Boxicons Brands icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Claude Ai в React?

Установите @iconify/react и выведите <Icon icon="bxl:claude-ai" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Claude Ai на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/bxl/claude-ai.svg" alt="Иконка Claude Ai">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Boxicons Brands →