Skip to content

feat(icons): added internal-link icon #3366

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 6 commits into
base: main
Choose a base branch
from

Conversation

atserik
Copy link
Contributor

@atserik atserik commented Jun 25, 2025

What is the purpose of this pull request?

  • New Icon

Description

Added new internal-link icon.

Icon use case

  • Indicate links that go to different parts of the same website, app, file system, etc.
  • Represent a page or list for backlinks, like in a note-taking app
  • Indicate a button that returns the user to the previous/parent page

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: external-link, square-arrow-out-down-left, square-arrow-out-up-right
  • 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 25, 2025
Copy link

github-actions bot commented Jun 25, 2025

Added or changed icons

icons/internal-link.svg

Preview cohesion icons/square.svg
icons/internal-link.svg
icons/coins.svg
Preview stroke widths icons/internal-link.svg
icons/internal-link.svg
icons/internal-link.svg
DPI Preview

16px (shadcn/ui)

icons/internal-link.svg

24px (default)

icons/internal-link.svg

32px (shadcn/ui + retina)

icons/internal-link.svg

48px (default + retina)

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

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

const InternalLinkIcon = createLucideIcon('InternalLink', [
  ["path",{"d":"M3 15v6l11-11"}],
  ["path",{"d":"M6 11V5a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-6"}],
  ["path",{"d":"M9 21H3"}]
])

Copy link
Member

@jguddas jguddas left a comment

Choose a reason for hiding this comment

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

That's just a rotated version of the existing icon.

@atserik
Copy link
Contributor Author

atserik commented Jun 28, 2025

There’s an external-link icon currently, but no internal-link one. For consistency, implementing the latter as a rotated version of the former made the most sense to me, similar to the square-arrow-out-up-right and square-arrow-out-down-left icons.

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.

2 participants