AI app builder / SVG + React

Lovable logo & icon

Download the Lovable logo as SVG and copy its React component snippet. Preview color and grayscale versions for app-builder comparisons and project tool stacks.

Lovable · light

Download Lovable SVG ↓

import StackIcon from "tech-stack-icons";

<StackIcon name="lovable" variant="light" className="h-12 w-12" />

SVG is standalone. React requires the npm package.

npm install tech-stack-icons

The color artwork contains SVG gradients. Copy the complete SVG, including its definitions, to preserve the appearance.

Show the tools behind your app

Use the Lovable mark to identify the app-building platform in project case studies, tool comparisons and workflow diagrams. Keep its gradient artwork intact when using the color version. A separate grayscale asset is available for layouts with a restrained palette.

In a project case study, place Lovable under a clearly labeled tools section and explain its role in the build. A tool logo alone does not describe your app architecture or imply a platform partnership.

From browser to canvas

Use your icons where you work

Insert technology icons into your design or workshop without managing a folder of logo files.

Open the Figma plugin ↗Open the Miro app ↗

How to use the Lovable icon

Choose a theme and download the SVG for your website, README or presentation.
For React, install tech-stack-icons and copy the component snippet. The variant prop selects the same theme shown here.
Keep the original proportions, include a clear label and check the result on your actual background.

The package code is MIT licensed. Brand names and logos belong to their respective owners; a library license does not grant trademark rights. Check the official Lovable website for brand guidance.

More icons for your stack

Need another tool? Search the complete icon library or follow the GitHub README guide.