Skip to content

Conversation

@Ahmed-Dghaies
Copy link
Contributor

Description

Added a scooter icon

Icon use case

It could be used to identify this type of transportation in a AI detection software
It could be used within renting application where you can rent a bike, scooter, ...

Alternative icon designs

Icon Design Checklist

Concept

  • I have provided valid use cases for each icon.
  • I have not added any brand or logo icon.
  • I have not used any hate symbols.
  • I have not included any religious, war/violence related 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 Nov 24, 2025
Copy link
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

🤖 ChatGPT Tags suggestions ✨

I've asked ChatGPT for some suggestions for tags.

@github-actions
Copy link
Contributor

github-actions bot commented Nov 24, 2025

Added or changed icons

scooter

Preview cohesion rotate-ccw-square
scooter
luggage
Preview stroke widths scooter
scooter
scooter
DPI Preview

16px (shadcn/ui)

scooter

24px (default)

scooter

32px (shadcn/ui + retina)

scooter

48px (default + retina)

scooter
Icon X-rays scooter
Icon Diffs scooter
Icons as code

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

const ScooterIcon = createLucideIcon('Scooter', [
  ["path",{"d":"M21 4h-3.5l2 11.05"}],
  ["path",{"d":"M6.95 17h5.142c.523 0 .95-.406 1.063-.916a6.5 6.5 0 0 1 5.345-5.009"}],
  ["circle",{"cx":"19.5","cy":"17.5","r":"2.5"}],
  ["circle",{"cx":"4.5","cy":"17.5","r":"2.5"}]
])

@karsa-mistmere
Copy link
Member

@Ahmed-Dghaies
Copy link
Contributor Author

HI @karsa-mistmere,
Thank you for your reply, i edited the icon

@karsa-mistmere
Copy link
Member

HI @karsa-mistmere, Thank you for your reply, i edited the icon

Hey @Ahmed-Dghaies,

Thanks, things are looking much much better.

Some issues remaining:

  • Linting fails, there are some empty lines in the code that ought not be there:
    image
  • a lot of lines are .5px off-grid, leading to blurry lines, all circles, horizontal and vertical lines should be perfectly grid-aligned
  • the gap between the front wheel and the deck is not large enough, all gaps should be at least 2px wide
  • the icon feels considerably smaller than bike and motorbike, while scooters are in real life smaller than either, we require all icons to have similar optical volume

Here's my go at fixing these issues, but this does make it so that the handle and the front wheel are no longer fully in line:

icons
Open lucide studio

@Ahmed-Dghaies
Copy link
Contributor Author

Ahmed-Dghaies commented Nov 24, 2025

@karsa-mistmere Thank you for the details, i will be more careful with future PRs, how about this ?

image

lucide studio

@karsa-mistmere
Copy link
Member

@karsa-mistmere Thank you for the details, i will be more careful with future PRs, how about this ?

image [lucide studio](https://studio.lucide.dev/edit?value=%3Cpath+d=%22M21+4h-3.5l2+11.05%22+/%3E%3Cpath+d=%22M6.95+17h5.142c.523+0+.95-.406+1.063-.916a6.5+6.5+0+0+1+5.345-5.009%22+/%3E%3Ccircle+cx=%2219.5%22+cy=%2217.5%22+r=%222.5%22+/%3E%3Ccircle+cx=%224.5%22+cy=%2217.5%22+r=%222.5%22+/%3E)

I think that's an elegant solution to the problem (id est the handle and the front wheel not being in line), feel free to update the PR with this version.

@Ahmed-Dghaies
Copy link
Contributor Author

@karsa-mistmere The icon is up to date and i edited the contributors
Is this ready to be merged, or are there additional steps needed?

@ericfennis ericfennis merged commit 1f113d4 into lucide-icons:main Nov 28, 2025
2 of 3 checks passed
@Ahmed-Dghaies Ahmed-Dghaies deleted the scooter-icon branch November 28, 2025 15:47
karsa-mistmere added a commit that referenced this pull request Dec 12, 2025
* Add scooter icon

* edit tags

* edit icon

* edit icon

* deit icon

* edit icon

* edit contributors

* Update scooter.json

---------

Co-authored-by: Karsa <[email protected]>
Co-authored-by: Eric Fennis <[email protected]>
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.

3 participants