lucide

Modified Icons 🔨

• tag (#523) by @aa0-fyi

New icons 🎨

• baseline (#494) by @ericfennis

New icons 🎨

• keyboard (#522) by @it-is-not

New icons 🎨

• waves (#491) by @ericfennis

New icons 🎨

• locate-off (#517) by @fdev

New icons 🎨

• palmtree (#492) by @ericfennis

New icons 🎨

• align-horizonal-distribute-center (#495) by @ericfennis
• align-horizonal-distribute-end (#495) by @ericfennis
• align-horizonal-distribute-start (#495) by @ericfennis
• align-vertical-distribute-center (#495) by @ericfennis
• align-vertical-distribute-end (#495) by @ericfennis
• align-vertical-distribute-start (#495) by @ericfennis

New icons 🎨

• stretch-horizontal (#493) by @ericfennis
• stretch-vertical (#493) by @ericfennis

New icons 🎨

• align-horizontal-justify-center (#490) by @ericfennis
• align-horizontal-justify-end (#490) by @ericfennis
• align-horizontal-justify-start (#490) by @ericfennis
• align-horizontal-space-around (#490) by @ericfennis
• align-horizontal-space-between (#490) by @ericfennis
• align-vertical-justify-center (#490) by @ericfennis
• align-vertical-justify-end (#490) by @ericfennis
• align-vertical-justify-start (#490) by @ericfennis
• align-vertical-space-around (#490) by @ericfennis
• align-vertical-space-between (#490) by @ericfennis

Modified Icons 🔨

• cookie (#490) by @ericfennis
• package-check (#490) by @ericfennis
• package-minus (#490) by @ericfennis
• package-plus (#490) by @ericfennis
• package-search (#490) by @ericfennis
• package-x (#490) by @ericfennis

New icons 🎨

• align-center-horizontal (#466) by @ericfennis
• align-center-vertical (#466) by @ericfennis
• align-end-horizontal (#466) by @ericfennis
• align-end-vertical (#466) by @ericfennis
• align-start-horizontal (#466) by @ericfennis
• align-start-vertical (#466) by @ericfennis

New icons 🎨

• cookie (#510) by @it-is-not

New icons 🎨

• package-check (#474) by @Reund0
• package-minus (#474) by @Reund0
• package-plus (#474) by @Reund0
• package-search (#474) by @Reund0
• package-x (#474) by @Reund0

New Package 📦

Lucide is now supported in Svelte with new package lucide-svelte.

Code improvements ⚡

Slots are now supported in lucide-react, lucide-vue, lucide-vue-next, lucide-preact, lucide-svelte.
Now you can pass children to Icon components. This can help improving accessibility or make it possible to render custom SVGElements over the icon.

Examples

Rendering title and description

This also improves accessibility, and enables the browser native tooltip.

<Icon>
  <title>My awesome text</title>
  <desc>More detailed description about the icon</desc>
</Icon>

Rendering for example a visual text SVGElement over the icon, for example render a ShoppingCart with a number.

With this you can now render custom elements inside Lucide icons, enables you to

<ShoppingCart>
  <text>5</text>
</ShoppingCart>

See codesandbox

New icons 🎨

• text-cursor-input (#454) by @pandrr
• text-cursor (#454) by @pandrr

Modified Icons 🔨

• banknote (#470) by @mittalyashu
• bell-minus (#470) by @mittalyashu
• bell-plus (#470) by @mittalyashu
• bitcoin (#470) by @mittalyashu
• bug (#470) by @mittalyashu
• carrot (#470) by @mittalyashu
• chevrons-down-up (#470) by @mittalyashu
• chevrons-up-down (#470) by @mittalyashu
• clipboard-list (#470) by @mittalyashu
• cloud-fog (#470) by @mittalyashu
• code-2 (#470) by @mittalyashu
• coffee (#470) by @mittalyashu
• columns (#470) by @mittalyashu
• drumstick (#470) by @mittalyashu
• edit-2 (#470) by @mittalyashu
• edit-3 (#470) by @mittalyashu
• edit (#470) by @mittalyashu
• euro (#470) by @mittalyashu
• figma (#470) by @mittalyashu
• forward (#470) by @mittalyashu
• framer (#470) by @mittalyashu
• frown (#470) by @mittalyashu
• function-square (#470) by @mittalyashu
• grid (#470) by @mittalyashu
• indian-rupee (#470) by @mittalyashu
• key (#470) by @mittalyashu
• meh (#470) by @mittalyashu
• music (#470) by @mittalyashu
• pen-tool (#470) by @mittalyashu
• pencil (#470) by @mittalyashu
• person-standing (#470) by @mittalyashu
• pound-sterling (#470) by @mittalyashu
• reply-all (#470) by @mittalyashu
• reply (#470) by @mittalyashu
• russian-ruble (#470) by @mittalyashu
• sheet (#470) by @mittalyashu
• sidebar-close (#470) by @mittalyashu
• sidebar-open (#470) by @mittalyashu
• sigma (#470) by @mittalyashu
• slack (#470) by @mittalyashu
• smile (#470) by @mittalyashu
• sprout (#470) by @mittalyashu
• subscript (#470) by @mittalyashu
• swiss-franc (#470) by @mittalyashu
• table (#470) by @mittalyashu
• trello (#470) by @mittalyashu

New icons 🎨

• signal-high (#428) by @ericfennis
• signal-low (#428) by @ericfennis
• signal-medium (#428) by @ericfennis
• signal-zero (#428) by @ericfennis
• signal (#428) by @ericfennis

New icons 🎨

• superscript (#471) by @nabanita-sarkar

New icons 🎨

• egg (#445) by @mittalyashu

New icons 🎨

• carrot (#457) by @Andreto
• drumstick (#457) by @Andreto
• subscript (#459) by @nabanita-sarkar