lucide

New official lucide packages for Preact and Vue 3

Lucide Preact

Same api as the react package.
See the lucide-preact documentation.

Lucide Vue Next (Vue 3)

New packages for support for Vue 3 composition api.
lucide-vue is not working for vue, that because of compatibility.

See the lucide-vue-next documentation.

New icons 🎨

• tent (#331) by @MoltenCoffee

New icons 🎨

• check-circle-2 (#237) by @mittalyashu

New icons 🎨

• bell-ring (#300) by @ericfennis
• clipboard-copy (#241) by @mittalyashu

New icons 🎨

• bell-ring (#300) by @ericfennis
• clipboard-copy (#241) by @mittalyashu

New icons 🎨

• vibrate (#297) by @ericfennis

New icons 🎨

• clipboard-x (#325) by @mittalyashu

New icons 🎨

• clipboard-check (#323) by @mittalyashu
• expand (#211) by @mittalyashu
• form-input (#235) by @mittalyashu
• pause-octagon (#307) by @mittalyashu
• person-standing (#199) by @mittalyashu
• shrink (#211) by @mittalyashu
• sidebar-close (#204) by @mittalyashu
• sidebar-open (#204) by @mittalyashu
• skull (#298) by @ericfennis

Modified Icons 🔨

• settings (#296) by @delnyn

New icons 🎨

• circle-slashed (#288) by @mittalyashu
• cloud-fog (#289) by @ericfennis
• cloud-moon (#289) by @ericfennis
• cloud-sun (#289) by @ericfennis
• cloudy (#289) by @ericfennis
• tornado (#289) by @ericfennis

New icons 🎨

• scale (#205) by @mittalyashu

New icons 🎨

• chevrons-up-down (#238) by @mittalyashu

New icons 🎨

• plug-zap (#185) by @mittalyashu

New icons 🎨

• monitor-speaker (#217) by @mittalyashu

New icons 🎨

• ticket (#220) by @mittalyashu

New icons 🎨

• ghost (#285) by @mittalyashu

Modified Icons 🔨

• settings (#212) by @mittalyashu

Codebase Changes 👨🏽‍💻

• Fix typescript types for lucide package (#277) by @SMAH1

New icons 🎨

• layout-template (#179) by @mittalyashu
• lightbulb-off (#206) by @mittalyashu
• power-off (#207) by @mittalyashu
• star-half (#180) by @mittalyashu
• terminal-square (#181) by @mittalyashu

Codebase Changes 👨🏽‍💻

• Moved the regular lucide package to the packages directory.
• Switched to yarn workspaces, most of the devDependencies are now shared.
• IconNodes are now reduced in size, I removed duplicated code (svg tag and, our default attributes), they moved to svg create function.
• Typescript support for lucide-react, thanks to @FPDK
• Typescript support for lucide, thanks to @SMAH1
• Replaced cheerio and htmlparser2 with svgson
• Removed the build to build directory step, so code will be kept in the src directory, easier for testing. This is for all the packages.

Breaking changes 🚨

• SVGs are not included anymore in the regular lucide NPM package to reduce package size, we will create a new package called lucide-static, for SVGs and font files to replace this.

New icons 🎨

• alarm-check (#198) by @mittalyashu
• alarm-minus (#262) by @ericfennis
• alarm-plus (#262) by @ericfennis
• asterisk (#196) by @mittalyashu
• banknote (#272) by @ericfennis
• bell-minus (#202) by @mittalyashu
• bell-plus (#202) by @mittalyashu
• binary (#203) by @mittalyashu
• bitcoin (#272) by @ericfennis
• clipboard-list (#240) by @mittalyashu
• cloud-hail (#246) by @ericfennis
• cloud-rain-wind (#246) by @ericfennis
• droplets (#248) by @Andreto
• euro (#272) by @ericfennis
• file-input (#272) by @ericfennis
• file-output (#272) by @ericfennis
• git-branch-plus (#182) by @mittalyashu
• globe-2 (#178) by @mittalyashu
• haze (#247) by @ericfennis
• history (#188) by @ericfennis
• image-minus (#191) by @mittalyashu
• image-plus (#174) by @ericfennis
• indian-rupee (#272) by @ericfennis
• inspect (#209) by @mittalyashu
• jersey-pound (#272) by @ericfennis
• loader-2 (#229) by @mittalyashu
• mouse-pointer-click (#216) by @mittalyashu
• option (#225) by @mittalyashu
• pencil (#174) by @ericfennis
• podcast (#174) by @ericfennis
• pound-sterling (#272) by @ericfennis
• radio-receiver (#190) by @ericfennis
• regex (#213) by @mittalyashu
• repeat-1 (#187) by @ericfennis
• russian-ruble (#272) by @ericfennis
• shield-alert (#208) by @mittalyashu
• shield-check (#208) by @mittalyashu
• shield-close (#208) by @mittalyashu
• sigma (#197) by @mittalyashu
• swiss-franc (#272) by @ericfennis
• thermometer-snowflake (#259) by @ericfennis
• thermometer-sun (#259) by @ericfennis
• tv-2 (#189) by @ericfennis
• wallet (#193) by @mittalyashu
• webcam (#174) by @ericfennis

Modified Icons 🔨

• arrow-big-down (#195) by @mittalyashu
• arrow-big-left (#195) by @mittalyashu
• arrow-big-right (#195) by @mittalyashu
• arrow-big-up (#195) by @mittalyashu
• bell-off (#200) by @mittalyashu
• cloud-drizzle (#246) by @ericfennis
• cloud-lightning (#246) by @ericfennis
• cloud-off (#246) by @ericfennis
• cloud-rain (#246) by @ericfennis
• cloud-snow (#246) by @ericfennis
• cloud (#246) by @ericfennis
• download-cloud (#271) by @ericfennis
• infinity (#195) by @mittalyashu
• languages (#232) by @mittalyashu
• redo (#257) by @ericfennis
• server-crash (#195) by @mittalyashu
• sprout (#195) by @mittalyashu
• sun (#247) by @ericfennis
• sunrise (#247) by @ericfennis
• sunset (#247) by @ericfennis
• thermometer (#259) by @ericfennis
• undo (#257) by @ericfennis
• upload-cloud (#271) by @ericfennis

Updated propTypes lucide-react package.
Proptypes are now the same as in the documentation.

PropTypes changes:
width ➡️ strokeWidth

New Package: lucide-vue 📦

A package for using Lucide icons in your Vue project.
Currently only for v2.6 of Vue.

New icons 🎨

• alarm-check (#198) by @mittalyashu
• alarm-minus (#198) by @mittalyashu
• alarm-plus (#198) by @mittalyashu
• asterisk (#196) by @mittalyashu
• bell-minus (#202) by @mittalyashu
• bell-plus (#202) by @mittalyashu
• binary (#203) by @mittalyashu
• git-branch-plus (#182) by @mittalyashu
• globe-2 (#178) by @mittalyashu
• history (#188) by @ericfennis
• image-minus (#191) by @mittalyashu
• image-plus (#174) by @ericfennis
• inspect (#209) by @mittalyashu
• option (#225) by @mittalyashu
• pencil (#174) by @ericfennis
• podcast (#174) by @ericfennis
• radio-receiver (#190) by @ericfennis
• regex (#213) by @mittalyashu
• repeat-1 (#187) by @ericfennis
• shield-alert (#208) by @mittalyashu
• shield-check (#208) by @mittalyashu
• shield-close (#208) by @mittalyashu
• sigma (#197) by @mittalyashu
• tv-2 (#189) by @ericfennis
• wallet (#193) by @mittalyashu
• webcam (#174) by @ericfennis

Modified Icons 🔨

• arrow-big-down (#195) by @mittalyashu
• arrow-big-left (#195) by @mittalyashu
• arrow-big-right (#195) by @mittalyashu
• arrow-big-up (#195) by @mittalyashu
• bell-off (#200) by @mittalyashu
• infinity (#195) by @mittalyashu
• server-crash (#195) by @mittalyashu
• sprout (#195) by @mittalyashu

New icons 🎨

• cross by @lscheibel
• server-off by @yukosgiti
• server-crash by @mittalyashu
• arrow-big-down by @Andreto
• arrow-big-left by @Andreto
• arrow-big-right by @Andreto
• arrow-big-up by @Andreto
• infinity by @mittalyashu
• sprout by @neelchanda & @ericfennis
• grab by @ericfennis
• pointer by @ericfennis

Refactored icons 🔨

• refresh-ccw by @ericfennis
• refresh-cw by @ericfennis
• repeat by @ericfennis
• rotate-ccw by @ericfennis
• rotate-cw by @ericfennis

Code optimizations ⚡

• optimized icons by @csandman
• github workflows for releases by @ericfennis