feat(icons): added helicopter icon

[liloudreams]

What is the purpose of this pull request?

• New Icon

Description

Added new helicopter icon.

Icon use case

• Used on transportation and aviation platforms for helicopter-related services, such as air travel, emergency medical transport, or private charter bookings.
• Representing aerial logistics, rescue operations, or VIP transport in aviation and emergency response applications.

Alternative icon designs

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.
• The icons were originally created in # by @
• I've based them on the following Lucide icons: Plane, Armchair
• I've based them on the following design:

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/helicopter.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 three 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 HelicopterIcon = createLucideIcon('Helicopter', [
  ["path",{"d":"M11 17V21"}],
  ["path",{"d":"M14 7C11 7 8 9 8 12"}],
  ["path",{"d":"M14 7C19 7 22 10 22 13"}],
  ["path",{"d":"M14 7V11C14 12 15 13 16 13H22"}],
  ["path",{"d":"M14 7V3"}],
  ["path",{"d":"M17 17H11"}],
  ["path",{"d":"M17 17V21"}],
  ["path",{"d":"M17 21L11 21"}],
  ["path",{"d":"M2 17H8"}],
  ["path",{"d":"M2 17V12"}],
  ["path",{"d":"M2 17V15L8 12"}],
  ["path",{"d":"M21 21H17"}],
  ["path",{"d":"M22 13C22 16 20 17 17 17"}],
  ["path",{"d":"M5.97 3H22"}],
  ["path",{"d":"M7 21H11"}],
  ["path",{"d":"M8 12V17"}],
  ["path",{"d":"M8 17H11"}]
])

[karsa-mistmere]

Hey @liloudreams,

Pretty neat icon, but there are a few minor guideline violations mostly concerning gaps, and the icon could be better optimized (there are several paths that could be easily be merged into a single one).

1. In this part, there's a slight gap violation:

   

   I tried increasing the gap to meet our guidelines, but that makes the window look far too detached, I would instead suggest that we bring it out to the full width of the body.

2. The tail also doesn't have a sufficiently large gap within it:

   

3. There are also some corners that could be rounded and some, that probably ought not be, e.g. where the tail meets the body, since at 1px that rounding is all but invisible, which makes the icon feel considerably different when scaled up, see:

   

---

All in all, I'd suggest these changes (I'm not hell bent on connecting the landing skids, but I think it does help making the icon look more like a helicopter even if there's some added density):

Open lucide studio

[jguddas]

Suggestion with more arcs and a less dense tail:

Open lucide studio

With connected landing gear:

Open lucide studio

[jguddas]

With my less dense tail, we can even move the body a bit to the left and make it more centered.

Open lucide studio

With it being 1px more left we could add an arc to the landing gear:

Open lucide studio

[liloudreams]

Hey @liloudreams,

Pretty neat icon, but there are a few minor guideline violations mostly concerning gaps, and the icon could be better optimized (there are several paths that could be easily be merged into a single one).

1. In this part, there's a slight gap violation:
   
   I tried increasing the gap to meet our guidelines, but that makes the window look far too detached, I would instead suggest that we bring it out to the full width of the body.
2. The tail also doesn't have a sufficiently large gap within it:
   
3. There are also some corners that could be rounded and some, that probably ought not be, e.g. where the tail meets the body, since at 1px that rounding is all but invisible, which makes the icon feel considerably different when scaled up, see:
   

All in all, I'd suggest these changes (I'm not hell bent on connecting the landing skids, but I think it does help making the icon look more like a helicopter even if there's some added density):

Open lucide studio