Lexical icon

logos:lexical

The Lexical icon (logos:lexical) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 115 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 115

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="115" viewBox="0 0 512 115"><path d="M162.78 99.28h-34.633V87.448h9.669V11.833H127.57V0h25.542v87.448h9.668zm65.127-19.769q-.866 8.514-8.37 14.863t-20.635 6.35q-14.142 0-23.233-8.226q-9.09-8.37-9.09-24.531q0-14.864 8.224-24.82q8.37-9.957 23.233-9.957q13.42 0 21.213 8.08q7.936 7.938 8.08 20.203q0 4.041-.865 8.658H182.74q1.299 18.183 17.316 18.182q7.504 0 10.679-3.607q3.32-3.608 4.329-7.648zm-16.45-18.904q.576-5.772-2.742-10.822q-3.175-5.195-10.823-5.195q-6.928 0-10.534 4.617q-3.607 4.618-4.474 11.4zm91.276 38.673h-31.025V87.448h6.205l-11.688-13.276l-11.545 13.276h5.484V99.28h-29.005V87.448h8.947l18.76-20.203l-19.915-20.924h-7.36V34.488h31.603v11.833h-6.06l10.822 12.988L279.5 46.32h-5.627V34.488h27.273v11.833h-6.782l-18.615 19.481l20.058 21.646h6.926zm12.89-78.212V4.04h15.729v17.028zm25.83 78.212H306.82V87.448h9.668V46.466h-10.245V34.488h25.542v52.96h9.668zm64.07-23.232q-1.01 8.658-7.649 16.739q-6.638 7.937-21.356 7.937q-13.854 0-22.656-8.37q-8.658-8.37-8.658-24.387q0-15.73 8.947-25.253q9.09-9.525 23.665-9.524q5.773 0 11.545 1.443t11.4 4.762l2.597 18.182l-12.41 1.299l-2.165-10.679a25.4 25.4 0 0 0-11.255-2.597q-16.162 0-16.162 21.645q0 21.068 16.595 21.068q12.12 0 14.574-14.718zm10.793-36.798q7.215-3.462 12.843-4.762q5.628-1.298 12.987-1.298q10.823 0 17.75 5.483q7.07 5.485 7.07 16.45v29.15q0 5.772 4.762 5.772q1.3 0 3.32-.577l.144 8.514q-4.762 2.742-10.39 2.742q-12.266 0-13.276-12.843v-.29q-2.886 5.052-8.225 9.092q-5.196 4.04-12.988 4.04q-6.781 0-13.42-4.04q-6.493-4.185-6.493-14.43q0-11.977 9.524-15.73q9.523-3.895 20.635-3.895q2.742 0 5.628.144t5.339.433v-3.608q0-5.772-2.02-10.39q-2.02-4.617-10.101-4.617q-3.03 0-5.773.433a16.6 16.6 0 0 0-5.05 1.731l-2.598 9.957l-12.41-1.299zm35.21 34.345v-2.31q-2.524-.296-5.05-.577a48 48 0 0 0-5.34-.288q-5.772 0-10.39 2.02q-4.473 2.02-4.473 8.081q0 8.803 9.38 8.803q5.483 0 10.39-3.897q4.905-4.04 5.483-11.832m60.473 25.685h-34.632V87.448h9.668V11.833h-10.246V0h25.542v87.448h9.668z"/><path fill="#76b6ff" d="M315.233 3.937h16.32v17.179h-16.32zM17.179 48.603h18.897v8.59H17.179z"/><path d="M40.37 48.603h18.897v8.59H40.37z"/><path fill="#76b6ff" d="M63.562 48.603h7.731v8.59h-7.731zM17.179 62.346h30.922v8.59H17.179zm35.217 0h18.897v8.59H52.396z"/><path d="M17.179 76.089h18.897v8.59H17.179z"/><path fill="#76b6ff" d="M40.37 76.089h18.897v8.59H40.37z"/><path d="M63.562 76.089h7.731v8.59h-7.731z"/><path d="M93.625 18.54v8.59h-9.448v79.023h9.448v8.589H66.998v-8.59h8.59V27.13h-8.59v-8.59zM71.293 31.424v8.59H8.589v53.254h62.704v8.59H0V31.424zm30.063 0v70.434H88.47v-8.59h4.295V40.014H88.47v-8.59z"/></svg>

How to use the Lexical icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:lexical" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:lexical" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:lexical" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--lexical]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:lexical"></div>

Web component

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

<iconify-icon icon="logos:lexical"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/lexical.svg" alt="Lexical icon" width="24" height="24">

Related icons in SVG Logos

Lexical icon FAQ

Is the Lexical icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Lexical icon in React?

Install @iconify/react and render <Icon icon="logos:lexical" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Lexical icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/lexical.svg" alt="Lexical icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →