Skip to content

Conversation

@AleksejDix
Copy link

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

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
@github-actions
Copy link
Contributor

Added or changed icons

world-wide-web

Preview cohesion message-square
world-wide-web
bus
Preview stroke widths world-wide-web
world-wide-web
world-wide-web
DPI Preview

16px (shadcn/ui)

world-wide-web

24px (default)

world-wide-web

32px (shadcn/ui + retina)

world-wide-web

48px (default + retina)

world-wide-web
Icon X-rays world-wide-web
Icon Diffs world-wide-web
Icons as code

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

const WorldWideWebIcon = createLucideIcon('WorldWideWeb', [
  ["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
Member

jguddas commented Oct 23, 2025

Please follow the naming guidelines.

The gaps are also a bit big.

@AleksejDix
Copy link
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
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.

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