Skip to content

Conversation

karsa-mistmere
Copy link
Member

What is the purpose of this pull request?

  • Other: Icon update

Description

Arcified umbrella, fixed off-grid paths

Alternate design

icons
Open lucide studio

icons
Open lucide studio

Before Submitting

@github-actions github-actions bot added the 🎨 icon About new icons label Aug 1, 2025
Copy link
Contributor

github-actions bot commented Aug 1, 2025

Added or changed icons

icons/umbrella-off.svgicons/umbrella.svg

Preview cohesion icons/message-square-plus.svgicons/square-arrow-up-right.svg
icons/umbrella-off.svgicons/umbrella.svg
icons/shell.svgicons/square-code.svg
Preview stroke widths icons/umbrella-off.svgicons/umbrella.svg
icons/umbrella-off.svgicons/umbrella.svg
icons/umbrella-off.svgicons/umbrella.svg
DPI Preview

16px (shadcn/ui)

icons/umbrella-off.svg icons/umbrella.svg

24px (default)

icons/umbrella-off.svg icons/umbrella.svg

32px (shadcn/ui + retina)

icons/umbrella-off.svg icons/umbrella.svg

48px (default + retina)

icons/umbrella-off.svg icons/umbrella.svg
Icon X-rays icons/umbrella-off.svg icons/umbrella.svg
Icon Diffs icons/umbrella-off.svg icons/umbrella.svg
Icons as code

Works for: lucide-react, lucide-react-native, lucide-preact, lucide-vue-next

const UmbrellaOffIcon = createLucideIcon('UmbrellaOff', [
  ["path",{"d":"M12 13v7a2 2 0 0 0 4 0"}],
  ["path",{"d":"M12 2v2"}],
  ["path",{"d":"M18.656 13h2.336a1 1 0 0 0 .97-1.274 10.284 10.284 0 0 0-12.07-7.51"}],
  ["path",{"d":"m2 2 20 20"}],
  ["path",{"d":"M5.961 5.957a10.28 10.28 0 0 0-3.922 5.769A1 1 0 0 0 3 13h10"}]
])

const UmbrellaIcon = createLucideIcon('Umbrella', [
  ["path",{"d":"M12 13v7a2 2 0 0 0 4 0"}],
  ["path",{"d":"M12 2v2"}],
  ["path",{"d":"M20.992 13a1 1 0 0 0 .97-1.274 10.284 10.284 0 0 0-19.923 0A1 1 0 0 0 3 13z"}]
])

@karsa-mistmere
Copy link
Member Author

karsa-mistmere commented Aug 1, 2025

@jguddas, @ericfennis: TBH the alternate designs feel much better to me centre-of-gravity-wise, but they're a bigger change, and the same offset doesn't work well at all with the current design.

image
image

@jguddas
Copy link
Member

jguddas commented Aug 1, 2025

The wavy variant looks super cute.

@ericfennis
Copy link
Member

But the wave is not very visible on 100% scale, making it a bit visually blurry.

@karsa-mistmere
Copy link
Member Author

I agree with both of you. Maybe 1px down still is the way to go?

image

Initially, it felt off, but maybe just because I was used to the current one, now I definitely feel like the second one is more optically centred.

Copy link
Member

@jguddas jguddas left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I love the wavey version even more tho.

@ericfennis ericfennis merged commit 09f9812 into lucide-icons:main Aug 18, 2025
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 icon About new icons
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants