Question 1

How do I use this icon in React, Vue, or Svelte?

Accepted Answer

Copy ready-to-use component code for React, Vue, Svelte, or raw SVG

Question 2

How do I download this icon in different formats?

Accepted Answer

Download the icon in SVG, PNG, WebP, JPEG, or ICO formats

Question 3

What is the license for this icon?

Accepted Answer

This icon is licensed under ISC

Question 4

Where is this icon commonly used?

Accepted Answer

In offline applications and restricted content areas where search is unavailable, users encounter this icon indicating search functionality unavailability. Content filtering systems implement it to show search restrictions in protected areas, while empty state displays use it to indicate no searchable content exists in current contexts.

Question 5

What does this icon communicate to users?

Accepted Answer

The slash pattern communicates more than simple unavailability - it specifically represents search restrictions, intentional blocking, and the clear feedback that prevents users from attempting searches in contexts where results cannot be provided. This explicit disabled state helps users understand search limitations.

Question 6

How do I implement this icon?

Accepted Answer

This icon works naturally in disabled search states and restriction indicators where it represents unavailable search functionality. Position it within shadcn/ui's Alert components for search unavailability messages or empty state displays. The slash should clearly convey search restrictions when used in limited-access applications.

Search Slash Icon

Frequently Asked Questions

Similar Icons