Ícone X Ai
logos:x-ai
O ícone X Ai (logos:x-ai) é um ícone SVG gratuito da coleção SVG Logos de Gil Barbara. Ele é desenhado em uma grade de 512 × 196. SVG Logos icons são publicados sob a licença CC0, 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
- SVG Logos
- Autor
- Gil Barbara
- Licença
- CC0-1.0
- Tamanho
- 512 × 196
- Tags
- xai
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="196" viewBox="0 0 512 196"><path d="M512 .18c-59.067 4.815-291.259 33.6-452.256 195.45H0l6.675-6.653C40.367 156.428 189.448 18.481 512 0zM155.917 138.078l79.048 57.553h-46.807l-14.198-10.328H94.687a550 550 0 0 1 16.94-14.436h42.463l-21.974-15.984a589 589 0 0 1 23.8-16.805m40.437-24.897L309.8 195.63h-46.828l-92.261-67.16a635 635 0 0 1 25.642-15.29M17.839 71.77l46.764.022l36.094 26.23A645 645 0 0 0 75.46 113.67z"/></svg>
Como usar o ícone X Ai
React
import { Icon } from "@iconify/react";
<Icon icon="logos:x-ai" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:x-ai" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:x-ai" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--x-ai]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:x-ai"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:x-ai"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/logos/x-ai.svg" alt="Ícone X Ai" width="24" height="24">
Ícones relacionados em SVG Logos
Perguntas frequentes sobre Ícone X Ai
O ícone X Ai é grátis para uso comercial?
Sim. SVG Logos icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone X Ai no React?
Instale @iconify/react e renderize <Icon icon="logos:x-ai" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone X Ai a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/logos/x-ai.svg" alt="Ícone X Ai">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones SVG Logos →
ICONYZ
