Skip to content

Conversation

@Veatec22
Copy link
Contributor

@Veatec22 Veatec22 commented Jun 9, 2025

feat(icons): add search-error icon

Description

Added a new icon named search-error, representing a magnifying glass with an alert indicator. This icon combines search functionality with a visual warning to indicate an error state or failed search result.

Icon use case

  • Used in search interfaces to signal an error in query processing (e.g., invalid syntax or server error).
  • Helpful in admin dashboards or developer tools to indicate that a search did not return expected results due to an internal issue.
  • In support/ticketing platforms to show when a search failed to match any known issues or produced an error.

Alternative icon designs

Alternative considered: using an “X” mark instead of exclamation point, but the exclamation mark provides clearer association with an error state.

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.
  • I've based them on the following Lucide icons: search-code

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/search-error.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

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.

Name should be search-alert

@karsa-mistmere
Copy link
Member

Name should be search-alert

Or possibly search-exclamation-mark

@github-actions github-actions bot added the Stale label Jul 14, 2025
@lucide-icons lucide-icons deleted a comment from github-actions bot Aug 1, 2025
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.

Rename it to search-alert to be in line with the other *-alert icons.

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.

@github-actions
Copy link
Contributor

github-actions bot commented Aug 8, 2025

Added or changed icons

search-alert

Preview cohesion bot-message-square
search-alert
snowflake
Preview stroke widths search-alert
search-alert
search-alert
DPI Preview

16px (shadcn/ui)

search-alert

24px (default)

search-alert

32px (shadcn/ui + retina)

search-alert

48px (default + retina)

search-alert
Icon X-rays search-alert
Icon Diffs search-alert
Icon Symmetry

Flip Horizontal

search-alert

Flip Vertical

search-alert

Flip Diagonal

search-alert

Rotate 180°

search-alert
Icons as code

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

const SearchAlertIcon = createLucideIcon('SearchAlert', [
  ["circle",{"cx":"11","cy":"11","r":"8"}],
  ["path",{"d":"m21 21-4.3-4.3"}],
  ["path",{"d":"M11 7v4"}],
  ["path",{"d":"M11 15h.01"}]
])

@ericfennis ericfennis merged commit 330f4b3 into lucide-icons:main Dec 10, 2025
6 of 7 checks passed
karsa-mistmere pushed a commit that referenced this pull request Dec 12, 2025
* feat(icons): add `search-error` icon

* Update icons/search-error.svg

Co-authored-by: Jakob Guddas <[email protected]>

* Update icons/search-error.json

Co-authored-by: Jakob Guddas <[email protected]>

* chore(icons): rename `search-error` to `search-alert`

* Fix indentation contributors in search-alert.json

* Format code

---------

Co-authored-by: Jakob Guddas <[email protected]>
Co-authored-by: Eric Fennis <[email protected]>
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.

4 participants