Phoenix Lucide
This plugin is used to integrate lucide icons with the project using the
Phoenix Framework and Tailwind CSS.
Usage
- Declare lucide dependency in mix.exs:
defp deps do
[
...
{:lucide,
github: "lucide-icons/lucide",
tag: "v0.265.0",
sparse: "icons",
app: false,
compile: false,
depth: 1}
...
]
end- Add the package into
assets/package.json:
pnpm --prefix assets add phoenix-lucide- Declare the plugin in the
assets/app.css:
@import "tailwindcss" source(none);
@source "../css";
@source "../js";
@source "../../lib/your_app_web";
@plugin "phoenix-lucide";- Run the tailwind command:
mix tailwind your_appLicense
MIT © Gilbert Wong. See LICENSE.md for details.
On this page
Contributors
MIT License
Created June 15, 2025
Updated June 16, 2025