feat(icons): add earbuds

[MONOTYPEEE]

What is the purpose of this pull request?

• New Icon
• Bug fix
• New Feature
• Documentation update
• Other:

Description

two types of Wireless Earbud icon that common shapes in market

Icon use case

• signify earphone/wireless earbuds
• represent audio control on UI

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:
• 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 (24px)

Icon X-rays

Icon Diffs

Icons as code

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

const EarbudIcon = createLucideIcon('Earbud', [
  ["path",{"d":"M11 6q0-3 3-3a6 6 0 0 1 6 6v10a2 2 0 0 1-4 0v-7c-2 2-5 0-5-1.667"}],
  ["path",{"d":"M4 9c0 3 3 4 5 4a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2C7 3 4 4 4 7z"}]
])

[karsa-mistmere]

Hi @MONOTYPEEE,

Thanks for submitting these icons, all in all they're pretty well thought out, however, can you make sure that you follow our icon design guidelines, naming conventions and coding conventions to a tee?

I've found the following issues:

1. earbud-2 is a disallowed naming scheme: "icon names for alternate icons should represent what makes the alternate unique instead of being numbered."

2. There are several linting issues, GitHub Actions has highlighted these for you, I'd also suggest running prettier -w icons, this will take care of almost all these issues.

3. earbud-2 has pretty wonky paths, it could to with much better curvature, especially the bottom left path:

4. earbud-2 also has a minor guideline violation of our 2px gap guideline in this part (see the overlapping outlines):

5. Both icons have a bit too low visual weight.

[MONOTYPEEE]

earbud-2 is a disallowed naming scheme

maybe earbud-stem/earbud works? (I thought those shapes doesn't have normal names for everyone)

There are several linting issues

my vsc is quite broken. I'll fix when commit new icon

[MONOTYPEEE]

3. earbud-2 has pretty wonky paths

4. earbud-2 also has a minor guideline violation

cound move vent 1px down or try the curved one.

[karsa-mistmere]

3. earbud-2 has pretty wonky paths

> 4. earbud-2 also has a minor guideline violation cound move vent 1px down or try the curved one.

These already look much better. Can you post 100% views of these? (export from Figma at 1x)

[jguddas]

Can you post 100% views of these? (export from Figma at 1x)

Preferably even just split the PR up so you have one PR per icon.

[MONOTYPEEE]

bolder stem / moved below / curved

[karsa-mistmere]

bolder stem / moved below / curved

This is a 200% or 2px view, can you post one where you set the export size to 1x?

[MONOTYPEEE]

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