Capítulo 11 de 147

Chapter 11: With Lucide Lab or custom icons

Core Idea

Learn how to use Lucide Lab or custom icons in your Vanilla JavaScript applications.

Key Concepts

  • Using Lucide Lab icons

Code Examples

<!DOCTYPE html>
<html>
  <body>
    <i data-lucide="avocado"></i>

    <script src="index.js"></script>
  </body>
</html>
  • What it demonstrates: With Lucide Lab or custom icons usage pattern from the official Lucide docs.

Key Takeaways

  1. Using Lucide Lab icons

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.
AnteriorChapter 10: AccessibilityPróximoChapter 12: Filled Icons