lucide

New icons 🎨

• bug-off (#988) by @danielbayley
• bug-play (#988) by @danielbayley

Modified Icons 🔨

• bug (#988) by @danielbayley

New icons 🎨

• archive-x (#1203) by @danielbayley

Modified Icons 🔨

• archive-restore (#1203) by @danielbayley
• archive (#1203) by @danielbayley
• box (#1481) by @danielbayley
• package-check (#1481) by @danielbayley
• package-minus (#1481) by @danielbayley
• package-plus (#1481) by @danielbayley
• package-search (#1481) by @danielbayley
• package-x (#1481) by @danielbayley
• package (#1481) by @danielbayley

New icons 🎨

• database-zap (#1400) by @danielbayley

Modified Icons 🔨

• database-backup (#1400) by @danielbayley

New icons 🎨

• mouse-pointer-square-dashed (#1319) by @danielbayley
• tablet-smartphone (#1319) by @danielbayley

Modified Icons 🔨

• brain-cog (#1225) by @jguddas
• cloud-cog (#1225) by @jguddas
• file-cog (#1225) by @jguddas
• folder-cog (#1225) by @jguddas
• server-cog (#1225) by @jguddas
• user-cog-2 (#1225) by @jguddas
• user-cog (#1225) by @jguddas

New icons 🎨

• blocks (#1055) by @danielbayley
• bus-front (#1412) by @danielbayley
• cable-car (#1412) by @danielbayley
• car-front (#1412) by @danielbayley
• car-taxi-front (#1412) by @danielbayley
• grid-2x2 (#1055) by @danielbayley
• grid-3x3 (#1055) by @danielbayley
• m-square (#1412) by @danielbayley
• parking-meter (#1412) by @danielbayley
• rail-symbol (#1412) by @danielbayley
• ship-wheel (#1412) by @danielbayley
• tractor (#1412) by @danielbayley
• traffic-cone (#1412) by @danielbayley
• train-front-tunnel (#1412) by @danielbayley
• train-front (#1412) by @danielbayley
• train-track (#1412) by @danielbayley

Modified Icons 🔨

• bus (#1412) by @danielbayley
• car (#1412) by @danielbayley
• truck (#1412) by @danielbayley

Lucide React Changes

Reverted changes to use .mjs modules, this caused issues in some Nodejs environments.
See: #1446 #1457

New icons 🎨

• fish-symbol (#1234) by @danielbayley
• paw-print (#1234) by @danielbayley
• rabbit (#1234) by @danielbayley
• shell (#1234) by @danielbayley
• snail (#1234) by @danielbayley
• turtle (#1234) by @danielbayley

What's Changed

• Fix imports pointing to non-existent files by @alexbacanu in https://github.com/lucide-icons/lucide/pull/1452

Modified Icons

• pencil-ruler (#1442) by @danielbayley
• ruler (#1442) by @danielbayley%0A

Lucide React Updates (dynamicIconImports)

Due to startup problems with build engines like ESBuild (e.g. Remix and Vite). We move to a different way of importing the dynamicIconImports. It's now in a separate entry module so compilers won't compile all dynamic imports when loading lucide-react. See #1437

Updated example from v0.260.0

import dynamic from 'next/dynamic'
- import { dynamicIconImports, LucideProps } from 'lucide-react';
+ import { LucideProps } from 'lucide-react';
+ import dynamicIconImports from 'lucide-react/dynamicIconImports';

interface IconProps extends LucideProps {
  name: keyof typeof dynamicIconImports;
}

const Icon = ({ name, color, size }: IconProps) => {
  const LucideIcon = dynamic(dynamicIconImports[name])

  return <LucideIcon color={color} size={size} />;
};

export default Icon;

New icons 🎨

• boom-box (#1249) by @danielbayley
• bring-to-front (#1425) by @james-yeoman
• pencil-line (#1286) by @danielbayley
• pencil-ruler (#1286) by @danielbayley
• send-horizonal (#1411) by @danielbayley
• send-to-back (#1425) by @james-yeoman

Modified Icons 🔨

• pencil (#1286) by @danielbayley
• send (#1411) by @danielbayley

New icons 🎨

• antenna (#1341) by @danielbayley
• cable (#1341) by @danielbayley
• computer (#1269) by @danielbayley
• hard-drive-download (#1318) by @danielbayley
• hard-drive-upload (#1318) by @danielbayley
• hdmi-port (#1341) by @danielbayley
• ratio (#1341) by @danielbayley
• scissors-line-dashed (#1266) by @danielbayley
• scissors-square-dashed-bottom (#1266) by @danielbayley
• scissors-square (#1266) by @danielbayley
• shopping-basket (#1430) by @danielbayley
• triangle-right (#1341) by @danielbayley
• boom-box (#1249) by @danielbayley

Modified Icons 🔨

• scissors (#1266) by @danielbayley
• shopping-bag (#1430) by @danielbayley

Lucide React Update

Improves Typescript types

Improves Typescript types export by switching to rollup-plugin-dts for types generation.

Closes #1420 and #1373

Added JS Docs

When hovering (in an IDE that supports it) over a Lucide component you get a JSDoc comment with useful information about the Lucide Icons component. It also shows a small preview of the icons you imported with the link to the lucide website.

Dynamic Imports Map (experimental)

Addition to #1373 (closed).

Lucide react now exposes a dynamic import map dynamicIconImports. Useful for applications that want to show icons dynamically by icon name. For example when using a content management system with where icon names are stored in a database.

More info in docs

Example component with NextJS:

import dynamic from 'next/dynamic'
import { dynamicIconImports, LucideProps } from 'lucide-react';

interface IconProps extends LucideProps {
  name: keyof typeof dynamicIconImports;
}

const Icon = ({ name, color, size }: IconProps) => {
  const LucideIcon = dynamic(dynamicIconImports[name])

  return <LucideIcon color={color} size={size} />;
};

export default Icon;

Using the Icon Component

These features will be added later to other packages.

import Icon from './Icon';

const App = () => {
  return <Icon name="home" />;
};

export default App;

New icons 🎨

• gauge-circle (#1256) by @danielbayley

Modified Icons 🔨

• minus-circle (#1381) by @danielbayley
• minus-square (#1381) by @danielbayley
• minus (#1381) by @danielbayley
• plus-circle (#1381) by @danielbayley
• plus-square (#1381) by @danielbayley
• plus (#1381) by @danielbayley
• square (#1381) by @danielbayley

New icons 🎨

• chevron-down-circle (#1355) by @danielbayley
• chevron-left-circle (#1355) by @danielbayley
• chevron-right-circle (#1355) by @danielbayley
• chevron-up-circle (#1355) by @danielbayley

Optimized Icons 🔨

• chevron-down-square (#1355) by @danielbayley
• chevron-down (#1355) by @danielbayley
• chevron-first (#1355) by @danielbayley
• chevron-last (#1355) by @danielbayley
• chevron-left-square (#1355) by @danielbayley
• chevron-left (#1355) by @danielbayley
• chevron-right-square (#1355) by @danielbayley
• chevron-right (#1355) by @danielbayley
• chevron-up-square (#1355) by @danielbayley
• chevron-up (#1355) by @danielbayley
• chevrons-down (#1355) by @danielbayley
• chevrons-left (#1355) by @danielbayley
• chevrons-right (#1355) by @danielbayley
• chevrons-up (#1355) by @danielbayley

New icons 🎨

• kanban (#1405) by @danielbayley

@ generate:changelog /home/runner/work/lucide/lucide
node ./scripts/generateChangelog.mjs "--old-tag=v0.256.1"

New icons 🎨

• table-properties (#1391) by @danielbayley

Modified Icons 🔨

• table (#1391) by @danielbayley

What's Changed

• Add Svelte support by @softwarecurator and @ericfennis in https://github.com/lucide-icons/lucide/pull/1414

Full Changelog: https://github.com/lucide-icons/lucide/compare/v0.256.0...v0.256.1

@ generate:changelog /home/runner/work/lucide/lucide
node ./scripts/generateChangelog.mjs "--old-tag=v0.255.0"

New icons 🎨

• tally-1 (#1244) by @danielbayley
• tally-2 (#1244) by @danielbayley
• tally-3 (#1244) by @danielbayley
• tally-4 (#1244) by @danielbayley
• tally-5 (#1244) by @danielbayley

@ generate:changelog /home/runner/work/lucide/lucide
node ./scripts/generateChangelog.mjs "--old-tag=v0.254.0"

New icons 🎨

• arrows-up-from-line (#1372) by @danielbayley
• container (#1372) by @danielbayley

@ generate:changelog /home/runner/work/lucide/lucide
node ./scripts/generateChangelog.mjs "--old-tag=v0.253.0"

New icons 🎨

• area-chart (#1376) by @nstokoe