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 modern applications like Microsoft Word, Google Docs, and code editors like VS Code, this icon appears when enabling whole-word search options that prevent partial matches. Find-and-replace tools and text search interfaces use this symbol to toggle between substring matching and complete word matching, helping users avoid unintended replacements when similar letter combinations appear within larger words.

Question 5

What does this icon communicate to users?

Accepted Answer

The visual design communicates more than just text searching—it specifically represents word boundary detection where search terms must be standalone complete words. This distinction helps users perform precise text operations without accidentally matching word fragments, enabling accurate find-and-replace operations in documents and code where partial matches would cause errors.

Question 6

How do I implement this icon?

Accepted Answer

Position this icon within shadcn/ui's Toggle components for search option controls or Checkbox components in advanced search dialogs. Integrate it with search input fields or Tooltip components explaining word boundary matching. The bounded circle design provides immediate whole-word recognition when used in text editors and search interfaces.

Whole Word Icon

Install with shadcn CLI

Frequently Asked Questions

Similar Icons