Eleventy Plugin Lucide Icons screenshot

Eleventy Plugin Lucide Icons

Author Avatar Theme by Grimlink
Updated: 3 Jan 2026
18 Stars

An Eleventy shortcode, allows lucide-icons to be embedded as inline svg into templates.

Overview

The Eleventy Plugin for Lucide Icons is a fantastic addition for web developers looking to enhance their websites with visually appealing icons. By allowing users to easily include Lucide Icons as inline SVGs, this plugin greatly simplifies the process of integrating eye-catching imagery into any layout. With support for all Eleventy versions from 1.0 onwards, it’s an excellent choice for both seasoned developers and newcomers alike.

Installing and using this plugin is straightforward, making it a valuable tool to improve the visual usability of your site with minimal effort. Whether you’re looking to add a fresh look or improve user interaction with clear visual cues, this plugin provides a seamless solution to do just that.

Features

  • Simple Installation: The plugin can be easily installed with a simple command, making it accessible to all users from the get-go.

  • Easy Configuration: You can add the plugin to your configuration file (.eleventy.js) with minimal hassle, ensuring a smooth setup process.

  • Inline SVG Support: It enables the use of SVG icons directly within your content, providing crisp and scalable graphics that look great on any device.

  • Shortcode Functionality: The plugin allows you to use shorthand codes that convert into HTML, streamlining the process of adding icons to your layouts.

  • Customizable Options: Users can specify options for each icon, including shorthand for width and height, allowing for flexible design choices.

  • Enhance Visual Appeal: By integrating icons into your site, you can significantly boost its aesthetic and usability, improving overall user experience.

  • Support for All Versions: It is compatible with all Eleventy versions starting from 1.0, making it a versatile choice for any project.