Skip to content

feat(icons): Add motorbike icon #3371

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.

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

Open
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

jamiemlaw
Copy link
Contributor

@jamiemlaw jamiemlaw commented Jun 27, 2025

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

@github-actions github-actions bot added 🎨 icon About new icons 🫧 metadata Improved metadata labels Jun 27, 2025
Copy link

github-actions bot commented Jun 27, 2025

Added or changed icons

icons/motorbike.svg

Preview cohesion icons/message-square-share.svg
icons/motorbike.svg
icons/egg.svg
Preview stroke widths icons/motorbike.svg
icons/motorbike.svg
icons/motorbike.svg
DPI Preview

16px (shadcn/ui)

icons/motorbike.svg

24px (default)

icons/motorbike.svg

32px (shadcn/ui + retina)

icons/motorbike.svg

48px (default + retina)

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

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

const MotorbikeIcon = createLucideIcon('Motorbike', [
  ["path",{"d":"M14 5a5 5 0 0 1 5 5 7 7 0 0 0-7 7H8"}],
  ["path",{"d":"m18.16 14.12-1.12-3.84"}],
  ["path",{"d":"m3 9 6 2a2 2 0 0 1 1.308-1.877L12 8.5"}],
  ["circle",{"cx":"19","cy":"17","r":"3"}],
  ["circle",{"cx":"5","cy":"17","r":"3"}]
])

@jamiemlaw jamiemlaw changed the title feat(icons): Add motorbike and dirtbike icons feat(icons): Add motorbike and dirt-bike icons Jun 27, 2025
@jguddas
Copy link
Member

jguddas commented Jun 27, 2025

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

probably best to split the pr into 2.

@jamiemlaw jamiemlaw changed the title feat(icons): Add motorbike and dirt-bike icons feat(icons): Add motorbike icon Jun 27, 2025
@ericfennis
Copy link
Member

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

@jguddas what about:

icons
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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 icon About new icons 🫧 metadata Improved metadata
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Motorcycle icon
3 participants