Ability to combine different icons together into a single icon

hichemfantar commented 6 days ago

Package

[X] lucide
[ ] lucide-angular
[ ] lucide-flutter
[ ] lucide-preact
[X] lucide-react
[ ] lucide-react-native
[ ] lucide-solid
[ ] lucide-svelte
[ ] lucide-vue
[ ] lucide-vue-next
[ ] Figma plugin
[ ] all JS packages
[ ] site

Description

an idea to compose different icons into a single icon.

i realize this idea is technically challenging however it would solve a lot of issues if implemented correctly.

example:

this briefcase-conveyor-belt icon was added recently which gave me the idea of being able to combine the conveyor belt icon with any other icon. this way we can use the conveyor belt on other icons without manually creating an svg for this combination.

https://github.com/jguddas/lucide/blob/5a3a9565aaca2ef593814ec3a67a6378f0fc2d8a/icons/briefcase-conveyor-belt.svg

Use cases

What if i need to use the conveyor belt on the car icon to indicate a conveyor belt of cars.

I would have to look for a specific icon specific to my use case which i most likely won't find.

Checklist

[X] I have searched the existing issues to make sure this bug has not already been reported.

jguddas commented 5 days ago

I have played around with sub patterns, still ultra early stages tho…

https://github.com/jguddas/lucide-studio/blob/2094bee46910b8127cf9b01656013e112b283a9d/src/components/SvgPreview/patterns.json

hichemfantar commented 5 days ago

I have played around with sub patterns, still ultra early stages tho…

https://github.com/jguddas/lucide-studio/blob/2094bee46910b8127cf9b01656013e112b283a9d/src/components/SvgPreview/patterns.json

Can you explain what sub patterns exactly are and how they relate to this discussion?

jguddas commented 5 days ago

I have played around with sub patterns, still ultra early stages tho…

https://github.com/jguddas/lucide-studio/blob/2094bee46910b8127cf9b01656013e112b283a9d/src/components/SvgPreview/patterns.json

Can you explain what sub patterns exactly are and how they relate to this discussion?

So far it doesn't do much but it might be used for easier composition in the future.

Open lucide studio

hichemfantar commented 4 days ago

interesting, i understand it's probably low priority rn but look forward to seeing where this goes!

lucide-icons / lucide