Skip to content

feat(icons): added globe-code icon#3722

Open
AleksejDix wants to merge 5 commits intolucide-icons:mainfrom
AleksejDix:studio/world-wide-web
Open

feat(icons): added globe-code icon#3722
AleksejDix wants to merge 5 commits intolucide-icons:mainfrom
AleksejDix:studio/world-wide-web

Conversation

@AleksejDix
Copy link
Copy Markdown

What is the purpose of this pull request?

  • New Icon

Description

Added new world-wide-web icon.

Icon use case

To show global traffic

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 @colebemis
  • I've based them on the following Lucide icons: globe
  • 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 Oct 23, 2025
Copy link
Copy Markdown
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.

Comment thread icons/globe-code.json
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Oct 23, 2025

Added or changed icons

globe-code

Preview cohesion square-dashed-kanban
globe-code
ticket-x
Preview stroke widths globe-code
globe-code
globe-code
DPI Preview

16px (shadcn/ui)

globe-code

24px (default)

globe-code

32px (shadcn/ui + retina)

globe-code

48px (default + retina)

globe-code
Icon X-rays globe-code
Icon Diffs globe-code
Icon Symmetry

Flip Horizontal

globe-code

Flip Vertical

globe-code

Flip Diagonal

globe-code

Rotate 180°

globe-code
Icons as code

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

const GlobeCodeIcon = createLucideIcon('GlobeCode', [
  ["path",{"d":"M15.5 10 13 7.5 15.5 5"}],
  ["path",{"d":"M15.686 15A14.5 14.5 0 0 1 12 22C6.667 16.4 6.667 7.6 12 2c-7.698.002-12.507 8.337-8.656 15.002s13.473 6.663 17.32-.004A10 10 0 0 0 21.542 15"}],
  ["path",{"d":"M19.5 5 22 7.5 19.5 10"}],
  ["path",{"d":"M2 12h8.5"}]
])

@jguddas
Copy link
Copy Markdown
Member

jguddas commented Oct 23, 2025

Please follow the naming guidelines.

The gaps are also a bit big.

@AleksejDix
Copy link
Copy Markdown
Author

Please follow the naming guidelines.

The gaps are also a bit big.

What is your suggestion for the icon name?
globe-arrows-left-right?

Gaps are actualy correct. cant make them smaller without makeing gaps smaller then 2 px

Copy link
Copy Markdown
Member

@ericfennis ericfennis left a comment

Choose a reason for hiding this comment

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

@AleksejDix I would say rename it to globe-code.

Copy link
Copy Markdown
Member

@ericfennis ericfennis left a comment

Choose a reason for hiding this comment

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

See my comment

@github-actions
Copy link
Copy Markdown
Contributor

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.

@github-actions github-actions Bot added the Stale label Dec 24, 2025
@ericfennis
Copy link
Copy Markdown
Member

@copilot Rename world-wide-web.* files to globe-code.*.

@ericfennis
Copy link
Copy Markdown
Member

Hmm that didn't do anything ☹️

@ericfennis ericfennis changed the title feat(icons): added world-wide-web icon feat(icons): added globe-code icon Apr 26, 2026
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 Stale

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants