SVG Icon Search

About the SVG Icon Search

Search more than 1,800 open-licence icons from Lucide by name, old name or tag — type “bin”, “gear” or “chart” and the best matches come first, with one typo forgiven — and see each icon with your size, stroke width and colour, at 16 to 48 pixels too. Every icon comes with its licence: Lucide’s ISC licence, and for the icons Lucide derived from Feather, Feather’s MIT licence as well.

Take the icon as SVG markup (with a licence comment if you like), JSX for React, a lucide-react line, a CSS mask that takes the text colour, a CSS background or a data URI, or as a sharp PNG at 1×, 2× or 4×. Lucide’s absoluteStrokeWidth option keeps lines equally thick at every size. With a Pro pass the code copies and the files download in full; the free preview shows the icon watermarked and the first lines of its code. The icon set loads once from this site, and searching and drawing happen in your browser.

Common uses

• Icons for websites, apps, dashboards and documentation, as SVG or JSX.
• Colourable CSS icons through mask-image, without an icon font.
• PNG icons for slides, documents, emails and app stores, at 2× and 4× for sharp screens.
• Checking an icon’s licence and other names before using it.

How the search ranks icons

Each word you type must match the icon somewhere: its name (also written as one word, such as “logout” for log-out), one of its older names, or one of its tags. A whole-name match comes first, then words of the name (exact before the start of a word), then older names, then tags; a word of four letters or more may have one typo (“calender” finds calendar). With an empty search every icon is listed from A to Z. The set’s names, tags and older names come in two small files made when the site is built and its drawings in one more, all compressed and loaded once, so the search runs in your browser as you type.

Size, stroke and colour

Lucide icons are lines on a 24 × 24 grid with a stroke of 2 units, round caps and joins, and no fill. Size sets the width and height; the drawing scales with it, and so does the stroke — unless you tick absoluteStrokeWidth, which writes the stroke as stroke × 24 ÷ size units so it stays the same number of pixels at every size, as lucide-react’s option of that name does.

currentColor makes an inlined SVG take the colour of the text around it, so it follows hover states and dark mode. An SVG used as a CSS background or an image is a separate picture that cannot see the page’s colours, so the background and data-URI outputs build in a real colour (black for currentColor); the CSS mask output instead paints the icon’s shape with background-color: currentColor.

The licences

Lucide is released under the ISC licence: you may use, copy, modify and distribute the icons for any purpose, commercial included, provided the copyright notice and the permission notice appear in all copies. More than a hundred icons were derived from Feather and are also under Feather’s MIT licence, which asks the same. The page names the licences of each icon; the SVG output can carry a short licence comment, and for an app or website the usual way is to list Lucide in its open-source notices.

Limitations

• The search covers Lucide’s set, more than 1,800 icons; other icon sets are not included, and Lucide has no brand or company logos.
• PNG files go up to 4,096 pixels; the SVG and code have no size limit.
• lucide-react and the other Lucide packages may name a few icons differently in older versions; the names here follow the installed set.
• In the free preview the icon is shown watermarked and each code shows only its first half of lines (a one-line data URI none); copying and downloads stay locked until the icon is unlocked.

Privacy

Everything happens in your browser. What you enter or open here is not uploaded or stored by MySmartCoPilot.