Skip to content

Lexical

The Lexical icon represents the popular rich text editor and content editing library, Lexical.

Add shadcn.io to your AI agent. · Pro It installs Lexical, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 107 × 24 px

Lexical icon from SVG Logos
Get Pro

2,063 in SVG LogosCC0 license (opens in a new tab)Free to copy and download

Code

Lexical in your framework

In any framework. Customize it above, and the code follows.

export const LexicalIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="107" height="24" viewBox="0 0 512 115" {...props}>
    <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>
);

SVG Logos

Icons that share its tags, in the same style.

  • Zeplin icon from SVG Logos
  • Invision icon from SVG Logos
  • Lexical Icon icon from SVG Logos
  • Vim icon from SVG Logos
  • 6px icon from SVG Logos
  • Adobe Incopy icon from SVG Logos
  • Airtable icon from SVG Logos
  • Alfresco icon from SVG Logos
  • Alpinejs icon from SVG Logos
  • Alpinejs Icon icon from SVG Logos
  • Amazon Chime icon from SVG Logos
  • Ampersand icon from SVG Logos
  • Ant Design icon from SVG Logos
  • Apostrophe icon from SVG Logos
  • Applitools icon from SVG Logos
  • Asciidoctor icon from SVG Logos
  • Aws Codecommit icon from SVG Logos
  • Aws Codestar icon from SVG Logos
  • Basecamp icon from SVG Logos
  • Bitbucket icon from SVG Logos
  • Brackets icon from SVG Logos
  • Cinder icon from SVG Logos
  • Close icon from SVG Logos
  • Cockpit icon from SVG Logos

Skip the copy and paste. With Pro, your AI agent finds and installs any SVG Logos icon from a prompt.

Get Pro

Tags

Browse by tag

Lexical is tagged UX, writing, collaboration and 1 more. Related tags follow; each opens its icons from every library.

Pricing

SVG Logos MCP, with Pro

Ask for Lexical or any of 2,063 SVG Logos icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Lexical icon means and where it's used, then how to install, style and license it.

Install Lexical from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro