Use Lucide in Web

Not recommended for high traffic production use

This library exports each svg as basic strings. We have a more optimized library for web. Which is smaller in size and supports color, size and strokeWidth. See Lucide.

You can also import SVG strings in your web projects, with the lucide-static package. Each icon is exported as a string containing the SVG markup, which can be used in client-side rendering.

<!DOCTYPE html>
<html>
  <body>
    <div id="app"></div>

    <script src="index.js"></script>
  </body>
</html>

Open Sandbox

Note: Each icon name is in PascalCase. You can find the icon names in the Lucide Icons page.

Use Lucide in Web ​

Use Lucide in Web