AI code editor / SVG + React

Cursor logo & icon

Get the Cursor editor logo in SVG and React formats. Choose light, dark or grayscale for developer portfolios, editor comparisons and AI coding workflows.

Cursor · light

Download Cursor SVG ↓

import StackIcon from "tech-stack-icons";

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

SVG is standalone. React requires the npm package.

npm install tech-stack-icons

Cursor has different light, dark and grayscale assets in this collection. Check the selected SVG against your final background.

Identify the editor in your development workflow

This is the Cursor code editor brand mark. If you need a mouse pointer or CSS cursor graphic, choose a UI symbol instead. Use the editor logo in tool lists, onboarding documents and architecture diagrams where Cursor is part of the development environment.

Add Cursor to a developer setup section alongside your framework and source-control tools. Preview the actual light and dark assets before choosing a version for a card background.

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 Cursor 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 Cursor website for brand guidance.

More icons for your stack

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