Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Ability to combine different icons together into a single icon #2487

Open
3 of 14 tasks
hichemfantar opened this issue Sep 20, 2024 · 4 comments
Open
3 of 14 tasks

Ability to combine different icons together into a single icon #2487

hichemfantar opened this issue Sep 20, 2024 · 4 comments
Labels
💡 idea New ideas

Comments

@hichemfantar
Copy link

hichemfantar commented Sep 20, 2024 •
edited
Loading

Package

  • lucide
  • lucide-angular
  • lucide-flutter
  • lucide-preact
  • 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

image

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

  • I have searched the existing issues to make sure this bug has not already been reported.
@hichemfantar hichemfantar added the 💡 idea New ideas label Sep 20, 2024
@hichemfantar hichemfantar changed the title Ability to compose different icons together Ability to combine different icons together Sep 20, 2024
@hichemfantar hichemfantar changed the title Ability to combine different icons together Ability to combine different icons together into a single icon Sep 20, 2024
@jguddas
Copy link
Member

jguddas commented Sep 21, 2024

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
Copy link
Author

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
Copy link
Member

jguddas commented Sep 22, 2024

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.

icons
Open lucide studio

@hichemfantar
Copy link
Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
💡 idea New ideas
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@jguddas @hichemfantar