Skip to content

feat(icons): Add question-mark icon #3388

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

Conversation

jamiemlaw
Copy link
Contributor

@jamiemlaw jamiemlaw commented Jul 4, 2025

Partially addresses issues #1858 and #119

Description

Adds a question-mark icon, without any surrounding circle.

Icon use case

This has overlapping use cases with circle-question-mark, with the major exception that it allows the user to surround it with their own shape, e.g.

image

  • A help button
  • Hints in puzzle games

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

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 Jul 4, 2025
Copy link

github-actions bot commented Jul 4, 2025

Added or changed icons

icons/question-mark.svg

Preview cohesion icons/square-pilcrow.svg
icons/question-mark.svg
icons/diamond-plus.svg
Preview stroke widths icons/question-mark.svg
icons/question-mark.svg
icons/question-mark.svg
DPI Preview

16px (shadcn/ui)

icons/question-mark.svg

24px (default)

icons/question-mark.svg

32px (shadcn/ui + retina)

icons/question-mark.svg

48px (default + retina)

icons/question-mark.svg
Icon X-rays icons/question-mark.svg
Icon Diffs icons/question-mark.svg
Icons as code

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

const QuestionMarkIcon = createLucideIcon('QuestionMark', [
  ["path",{"d":"M11 20h.01"}],
  ["path",{"d":"M7 7q1.5-3 5-3a5 4 0 0 1 5 4c0 4-6 4-6 8"}]
])

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.

feels a bit small to me

@jamiemlaw
Copy link
Contributor Author

feels a bit small to me

You're not wrong. I matched it to the size of italic, bold, ligature and type—other text symbols. I could look to increase it though.

@jamiemlaw
Copy link
Contributor Author

A few sizes larger. My favourite is the first, then the third, then second; the proportions of that one look off to me.

icons
Open lucide studio

icons
Open lucide studio

icons
Open lucide studio

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