Capítulo 118 de 147

Chapter 118: Link as Image

Core Idea

Learn how to use Lucide icons as images in your project.

Key Concepts

  • In HTML
  • In CSS

Code Examples

<html>
  <body>
    <img src="node_modules/lucide-static/icons/smile.svg" alt="Smile Icon">
  </body>
</html>
  • What it demonstrates: Link as Image usage pattern from the official Lucide docs.

Key Takeaways

  1. In HTML
  2. In CSS

Connects To

  • Static / Font / JS Modules: part of the Static / Font / JS Modules section of the Lucide docs.
  • Lucide Static Assets: overview page for this section.
AnteriorChapter 117: Migration from v0PróximoChapter 119: Using the SVG sprite