elevenx logo

elevenx-text from LobeHub AI Icons by LobeHub · Wordmark · MIT Free for personal and commercial use.

Name: elevenx-text
Set: LobeHub AI Icons
Style: Wordmark
Viewbox: 41×24
License: MIT

1 other variant in LobeHub AI Icons

Use the elevenx 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="M23.038 22l5.788-7.412-5.788-7.504h4.44l3.645 4.778 3.461-4.778h4.41l-5.757 7.504L38.995 22h-4.41l-3.707-4.778-3.4 4.778h-4.44zM16.96 2h2.726v20h-3.614V6.319a9.634 9.634 0 01-1.593.566c-.52.133-1.041.2-1.562.2V3.622a8.094 8.094 0 002.021-.474c.654-.256 1.328-.639 2.022-1.149zM6.043 2h2.726v20H5.155V6.319a9.637 9.637 0 01-1.593.566c-.52.133-1.041.2-1.562.2V3.622a8.094 8.094 0 002.021-.474C4.675 2.893 5.35 2.51 6.043 2z"/></svg>

React

import type { SVGProps } from "react";

export function LobehubElevenxText(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="M23.038 22l5.788-7.412-5.788-7.504h4.44l3.645 4.778 3.461-4.778h4.41l-5.757 7.504L38.995 22h-4.41l-3.707-4.778-3.4 4.778h-4.44zM16.96 2h2.726v20h-3.614V6.319a9.634 9.634 0 01-1.593.566c-.52.133-1.041.2-1.562.2V3.622a8.094 8.094 0 002.021-.474c.654-.256 1.328-.639 2.022-1.149zM6.043 2h2.726v20H5.155V6.319a9.637 9.637 0 01-1.593.566c-.52.133-1.041.2-1.562.2V3.622a8.094 8.094 0 002.021-.474C4.675 2.893 5.35 2.51 6.043 2z"/></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="M23.038 22l5.788-7.412-5.788-7.504h4.44l3.645 4.778 3.461-4.778h4.41l-5.757 7.504L38.995 22h-4.41l-3.707-4.778-3.4 4.778h-4.44zM16.96 2h2.726v20h-3.614V6.319a9.634 9.634 0 01-1.593.566c-.52.133-1.041.2-1.562.2V3.622a8.094 8.094 0 002.021-.474c.654-.256 1.328-.639 2.022-1.149zM6.043 2h2.726v20H5.155V6.319a9.637 9.637 0 01-1.593.566c-.52.133-1.041.2-1.562.2V3.622a8.094 8.094 0 002.021-.474C4.675 2.893 5.35 2.51 6.043 2z"/></svg>
</template>

CSS

.icon-elevenx-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%22M23.038%2022l5.788-7.412-5.788-7.504h4.44l3.645%204.778%203.461-4.778h4.41l-5.757%207.504L38.995%2022h-4.41l-3.707-4.778-3.4%204.778h-4.44zM16.96%202h2.726v20h-3.614V6.319a9.634%209.634%200%2001-1.593.566c-.52.133-1.041.2-1.562.2V3.622a8.094%208.094%200%20002.021-.474c.654-.256%201.328-.639%202.022-1.149zM6.043%202h2.726v20H5.155V6.319a9.637%209.637%200%2001-1.593.566c-.52.133-1.041.2-1.562.2V3.622a8.094%208.094%200%20002.021-.474C4.675%202.893%205.35%202.51%206.043%202z%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%22M23.038%2022l5.788-7.412-5.788-7.504h4.44l3.645%204.778%203.461-4.778h4.41l-5.757%207.504L38.995%2022h-4.41l-3.707-4.778-3.4%204.778h-4.44zM16.96%202h2.726v20h-3.614V6.319a9.634%209.634%200%2001-1.593.566c-.52.133-1.041.2-1.562.2V3.622a8.094%208.094%200%20002.021-.474c.654-.256%201.328-.639%202.022-1.149zM6.043%202h2.726v20H5.155V6.319a9.637%209.637%200%2001-1.593.566c-.52.133-1.041.2-1.562.2V3.622a8.094%208.094%200%20002.021-.474C4.675%202.893%205.35%202.51%206.043%202z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/elevenx-text.svg?color=%231a73e8&size=48