Chapter 6: Stroke width

Core Idea

Learn how to customize the stroke width of Lucide icons in your Vanilla JavaScript applications using the strokeWidth and absoluteStrokeWidth attributes.

Key Concepts

Adjusting stroke width with strokeWidth prop

Code Examples

<!DOCTYPE html>
<html>
  <body>
    <i data-lucide="folder-lock" stroke-width="1"></i>

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

What it demonstrates: Stroke width usage pattern from the official Lucide docs.

Key Takeaways

Adjusting stroke width with strokeWidth prop

Connects To

Vanilla JS (core): part of the Vanilla JS (core) section of the Lucide docs.
Lucide for Vanilla JavaScript: overview page for this section.