feat(icons): Add motorbike icon

[jamiemlaw]

closes #915

Description

Adds a motorbike icon. This style of bike is more associated with road travel or motorsport.

Icon use case

• Picking a transport type on a journey planning or racing app
• Highlighting a delivery driver on a map if the driver is on a motorbike

Alternative icon designs

see: #915 (comment)

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:
• 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/[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 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

16px (shadcn/ui)

24px (default)

32px (shadcn/ui + retina)

48px (default + retina)

Icon X-rays

Icon Diffs

Icons as code

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

const MotorbikeIcon = createLucideIcon('Motorbike', [
  ["path",{"d":"m18 14-1-3"}],
  ["path",{"d":"m3 9 6 2a2 2 0 0 1 2-2h2a2 2 0 0 1 1.99 1.81"}],
  ["path",{"d":"M8 17h3a1 1 0 0 0 1-1 6 6 0 0 1 6-6 1 1 0 0 0 1-1v-.75A5 5 0 0 0 17 5"}],
  ["circle",{"cx":"19","cy":"17","r":"3"}],
  ["circle",{"cx":"5","cy":"17","r":"3"}]
])

[jguddas]

• dirt-bike feels like a scooter, and in general really nice.
• motorbike feels a bit disconnected.

probably best to split the pr into 2.

[ericfennis]

@jguddas I think from all the designs we had in #915, this is the best one we got.
I got your point on the disconnected part, but looking at it on a 100% scale, it works well IMO

[jamiemlaw]

@jguddas what about:

Open lucide studio

On reflection, I need to round parts of the motorbike icon anyway, like with dirt-bike. So the icon as submitted isn't quite ready for prime time.

[github-actions]

This PR is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 5 days.