Skip to content

Conversation

@Alberto6677
Copy link

What is the purpose of this pull request?

  • New Icon

Description

Added new qr-plus icon.

Icon use case

This icon can be used in apps or websites that allow users to create or scan new QR codes.
For example, a “QR Manager” app might use it as a button to add a new QR code, or a messaging app could show it to share a new contact or link via QR.

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 @Alberto6677
  • I've based them on the following Lucide icons: qr-code
  • 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 4, 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.

"contributors": [
"Alberto6677"
],
"tags": [
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggestions for the qr-plus icon.
Try asking it your self if you want more suggestions. Open ChatGPT
Here are the suggestions:

Suggested change
"tags": [
"tags": [
"technology",
"digital",
"matrix",
"line",
"plugin",

@github-actions
Copy link
Contributor

github-actions bot commented Nov 4, 2025

Added or changed icons

qr-plus

Preview cohesion message-square-share
qr-plus
message-circle-code
Preview stroke widths qr-plus
qr-plus
qr-plus
DPI Preview

16px (shadcn/ui)

qr-plus

24px (default)

qr-plus

32px (shadcn/ui + retina)

qr-plus

48px (default + retina)

qr-plus
Icon X-rays qr-plus
Icon Diffs qr-plus
Icons as code

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

const QrPlusIcon = createLucideIcon('QrPlus', [
  ["path",{"d":"M 16 18.5 L 21 18.5"}],
  ["path",{"d":"M 18.5 21 L 18.5 16"}],
  ["path",{"d":"M12 16v.01"}],
  ["path",{"d":"M12 21v-1"}],
  ["path",{"d":"M12 3h.01"}],
  ["path",{"d":"M12 7v3a2 2 0 0 1-2 2H7"}],
  ["path",{"d":"M16 12h1"}],
  ["path",{"d":"M21 12v.01"}],
  ["path",{"d":"M3 12h.01"}],
  ["rect",{"x":"16","y":"3","width":"5","height":"5","rx":"1"}],
  ["rect",{"x":"3","y":"16","width":"5","height":"5","rx":"1"}],
  ["rect",{"x":"3","y":"3","width":"5","height":"5","rx":"1"}]
])

@karsa-mistmere
Copy link
Member

Hey @Alberto6677,

The plus sign is too small and is off-grid, making it not very legible and quite blurry at 1x.

In pretty much all of our -plus icons, we use a 6 by 6 add-on.

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