xai logo
xai-text from LobeHub AI Icons by LobeHub · Wordmark · MIT Free for personal and commercial use.
- Name
- xai-text
- Set
- LobeHub AI Icons
- Style
- Wordmark
- Viewbox
- 41×24
- License
- MIT
1 other variant in LobeHub AI Icons
The same logo in other sets
Use the xai logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 41 24"><path fill="currentColor" fill-rule="evenodd" d="M36.867 2h2.577v20h-2.577V2zM23.875 2h2.717l7.759 20H31.55l-2.101-5.574h-8.571L18.777 22h-2.69l7.788-20zm4.79 12.185l-3.53-9.272-3.473 9.272h7.003zM7.35 14.381L2.504 7.518h2.857l3.446 5.126 3.585-5.126h2.605l-4.762 6.835L15.501 22h-2.829l-3.977-5.854L4.689 22H2l5.35-7.619z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubXaiText(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 41 24"><path fill="currentColor" fillRule="evenodd" d="M36.867 2h2.577v20h-2.577V2zM23.875 2h2.717l7.759 20H31.55l-2.101-5.574h-8.571L18.777 22h-2.69l7.788-20zm4.79 12.185l-3.53-9.272-3.473 9.272h7.003zM7.35 14.381L2.504 7.518h2.857l3.446 5.126 3.585-5.126h2.605l-4.762 6.835L15.501 22h-2.829l-3.977-5.854L4.689 22H2l5.35-7.619z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 41 24"><path fill="currentColor" fill-rule="evenodd" d="M36.867 2h2.577v20h-2.577V2zM23.875 2h2.717l7.759 20H31.55l-2.101-5.574h-8.571L18.777 22h-2.69l7.788-20zm4.79 12.185l-3.53-9.272-3.473 9.272h7.003zM7.35 14.381L2.504 7.518h2.857l3.446 5.126 3.585-5.126h2.605l-4.762 6.835L15.501 22h-2.829l-3.977-5.854L4.689 22H2l5.35-7.619z"/></svg> </template>
CSS
.icon-xai-text {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2041%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.867%202h2.577v20h-2.577V2zM23.875%202h2.717l7.759%2020H31.55l-2.101-5.574h-8.571L18.777%2022h-2.69l7.788-20zm4.79%2012.185l-3.53-9.272-3.473%209.272h7.003zM7.35%2014.381L2.504%207.518h2.857l3.446%205.126%203.585-5.126h2.605l-4.762%206.835L15.501%2022h-2.829l-3.977-5.854L4.689%2022H2l5.35-7.619z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2041%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.867%202h2.577v20h-2.577V2zM23.875%202h2.717l7.759%2020H31.55l-2.101-5.574h-8.571L18.777%2022h-2.69l7.788-20zm4.79%2012.185l-3.53-9.272-3.473%209.272h7.003zM7.35%2014.381L2.504%207.518h2.857l3.446%205.126%203.585-5.126h2.605l-4.762%206.835L15.501%2022h-2.829l-3.977-5.854L4.689%2022H2l5.35-7.619z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/xai-text.svg?color=%231a73e8&size=48
