# No search results

No search results: a search narrows piece by piece until nothing is left.

- Theme: Interface
- Size: spot
- Access: Free
- Page: https://illos.dev/library/interface/no-search-results
- Preview image: https://media.illos.dev/previews/83e1b0e0/flat/no-search-results.light.1600.webp
- SVG: https://illos.dev/assets/styles/flat/no-search-results.svg
- Add to a React project: `npx shadcn@latest add https://illos.dev/r/flat/no-search-results.json`

On the page, Copy gives the SVG and Download the file.

## How it moves

1. a search with a query typed in shows no results.
2. a click on clear brings every result back.
3. a new query narrows the list until none is left.

## Where it fits

For any product with search: the screen a search shows when nothing matches, the empty state of a filtered list, or the docs page on search. Clearing the query brings every result back and typing again narrows them to none, so the picture says the search worked and the words beside it can offer to clear it. As a spot it fits above a heading such as No matching results and a Clear search button. It is free to copy and pairs with Search filters, Command menu and Empty search.

Pairs well with: Search filters (https://illos.dev/library/interface/search-filters.md), Command menu (https://illos.dev/library/interface/command-menu.md), Empty search (https://illos.dev/library/isometric/empty-search.md)

## Related

- [Interface illustrations](https://illos.dev/library/interface)
- [Free illustrations](https://illos.dev/library/free)
- [All illustrations](https://illos.dev/library)