Color

Advanced editing in SVG Editor

Simple Icons

Lucide Icon

Free SVG icon from the Simple Icons collection. Download or copy for use in any project.

Download SVG

Collection: Simple Icons
Format: SVG, CDN, npm, Packagist, React, Vue, PNG
License: CC0-1.0 - Free for commercial use
Tags: lucide

The Lucide icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/315074.svg" alt="Lucide icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/315074.svg" alt="Lucide icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/315074.svg"
  alt="Lucide icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-lucide {
  background-image: url('https://proicons.com/icon/315074.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Lucide</title><path d="M18.483 1.123a1.09 1.09 0 0 0-.752.362 1.09 1.09 0 0 0 .088 1.54 11.956 11.956 0 0 1 4 8.946 7.62 7.62 0 0 1-7.637 7.636 7.62 7.62 0 0 1-7.637-7.636 3.255 3.255 0 0 1 3.273-3.273c1.82 0 3.273 1.45 3.273 3.273a1.09 1.09 0 0 0 1.09 1.09 1.09 1.09 0 0 0 1.092-1.09c0-3-2.455-5.455-5.455-5.455s-5.454 2.455-5.454 5.455c0 5.408 4.408 9.818 9.818 9.818 5.41 0 9.818-4.41 9.818-9.818A14.16 14.16 0 0 0 19.272 1.4a1.09 1.09 0 0 0-.789-.277ZM9.818 2.15C4.408 2.151 0 6.561 0 11.97a14.16 14.16 0 0 0 4.8 10.637 1.09 1.09 0 0 0 1.54-.096 1.09 1.09 0 0 0-.095-1.54 11.957 11.957 0 0 1-4.063-9 7.62 7.62 0 0 1 7.636-7.637 7.62 7.62 0 0 1 7.637 7.636 3.256 3.256 0 0 1-3.273 3.273 3.256 3.256 0 0 1-3.273-3.273 1.09 1.09 0 0 0-1.09-1.09 1.09 1.09 0 0 0-1.092 1.09c0 3 2.455 5.455 5.455 5.455s5.454-2.455 5.454-5.455c0-5.408-4.408-9.818-9.818-9.818z"/></svg>

Lucide in other icon packs

Lucide Icons

Lucide Icons Brand

Copied!

Lucide Icon

More from Simple Icons

Lucide in other icon packs