feat(icons): adds barrel icon

[karsa-mistmere]

What is the purpose of this pull request?

• New Icon

Description

Icon use case

• to indicate drinks, especially alcoholic drinks usually aged in barrels (wine, beer, whiskey)
• to symbolise breweries/distilleries in map apps

Icon Design Checklist

Concept

• I have provided valid use cases for each icon.
• I have not added any a brand or logo icon.
• I have not used any hate symbols.
• I have not included any religious or political imagery.

Author, credits & license

• The icons are solely my own creation.

Naming

• I've read and followed the naming conventions
• I've named icons by what they are rather than their use case.
• I've provided meta JSON files in icons/[iconName].json.

Design

• I've read and followed the icon design guidelines
• I've made sure that the icons look sharp on low DPI displays.
• I've made sure that the icons look consistent with the icon set in size, optical volume and density.
• I've made sure that the icons are visually centered.
• I've correctly optimized all icons to two points of precision.

Before Submitting

• I've read the Contribution Guidelines.
• I've checked if there was an existing PR that solves the same issue.

[github-actions]

Added or changed icons

Preview cohesion

Preview stroke widths

DPI Preview (24px)

Icon X-rays

Icon Diffs

Icons as code

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

const BarrelIcon = createLucideIcon('Barrel', [
  ["path",{"d":"M16 20.5v-17"}],
  ["path",{"d":"M8 3.5v17"}],
  ["path",{"d":"M2 10a50.5 50.5 0 0 1 20 0"}],
  ["path",{"d":"M2 14a50.5 50.5 0 0 0 20 0"}],
  ["path",{"d":"M21.16 5.677A17 17 0 0 0 12 3a17 17 0 0 0-9.16 2.677A2 2 0 0 0 2 7.268v9.464a2 2 0 0 0 .84 1.591A17 17 0 0 0 12 21a17 17 0 0 0 9.16-2.677 2 2 0 0 0 .84-1.591V7.268a2 2 0 0 0-.84-1.591"}]
])

[jguddas]

Feels more like a skewed table than a barrel to me.

[ericfennis]

I don't see the barrel as well. Maybe something based on the database icon?

[karsa-mistmere]

I don't see the barrel as well. Maybe something based on the database icon?

It's a wine barrel, not an oil one.

I've tried an isometric view but it's super icky:

[jguddas]

I don't see the barrel as well. Maybe something based on the database icon?

It's a wine barrel, not an oil one.

I've tried an isometric view but it's super icky:

The isometric one looks cute and barrely.

[karsa-mistmere]

I don't see the barrel as well. Maybe something based on the database icon?

It's a wine barrel, not an oil one.
I've tried an isometric view but it's super icky:

The isometric one looks cute and barrely.

It looks like a hand grenade.

[ericfennis]

Maybe giving it a tap and some feet can help?

Another icon:
https://www.iconfinder.com/icons/5380899/barrel_drum_faucet_tap_water_icon

[ericfennis]

@karsa-mistmere What about this design?

[karsa-mistmere]

@karsa-mistmere What about this design?

I explored something similar but it's just too dense this way.

[ericfennis]

I think it is not that bad

[karsa-mistmere]

I think it is not that bad

Well, in practice the corners do not fulfil the 2px gap rule, I'm afraid. 😅

[ericfennis]

Hmm true, this is also an option, but looks denser

[karsa-mistmere]

Hmm true, this is also an option, but looks denser

In this case, it's the central segments of each side that do not have sufficient gaps. :/

[jguddas]

Hmm true, this is also an option, but looks denser

Still no joy to be sparked :/

[jguddas]

Do you still have that isomorphic view flying around somewhere?

[jamiemlaw]

Maybe moving the rings around the barrel more towards the edges helps? And add a tap for good measure. Or still too dense?

Open lucide studio

[jguddas]

Maybe moving the rings around the barrel more towards the edges helps? And add a tap for good measure. Or still too dense?

Open lucide studio

Even without the tap, your version looks quite barrel-y.

Open lucide studio