IconSearch logoIconsearch
Home/Libraries/Codicons (Iconify)/whole-word
← Back to Search
Codicons (Iconify)

WholeWord

License: CC-BY-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 16 16"><g fill="#818cf8"><path d="M15.5 12.5a.5.5 0 0 1 .5.5v.5c0 .827-.673 1.5-1.5 1.5h-13C.673 15 0 14.327 0 13.5V13a.5.5 0 0 1 1 0v.5a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5V13a.5.5 0 0 1 .5-.5"/><path fill-rule="evenodd" d="M4.858 5.67c1.307.066 2.085.817 2.14 2.03L7 7.835v3.675a.5.5 0 0 1-.432.487l-.068.005a.5.5 0 0 1-.495-.432L6 11.503v-.07c-.659.377-1.268.57-1.833.57C2.941 12.003 2 11.14 2 9.836c0-1.15.792-2.004 2.106-2.163A5 5 0 0 1 6 7.813c-.007-.738-.371-1.103-1.191-1.144c-.641-.032-1.092.058-1.356.243a.5.5 0 1 1-.574-.818c.439-.308 1.036-.444 1.789-.43zm.939 3.148a4 4 0 0 0-1.571-.128c-.822.1-1.227.537-1.227 1.17c0 .731.475 1.167 1.167 1.167c.454 0 1.012-.21 1.668-.642l.165-.112V8.879zM9.55 2.006a.5.5 0 0 1 .45.497v4.1c.418-.377.937-.6 1.5-.6c1.381 0 2.5 1.343 2.5 3s-1.119 3-2.5 3c-.563 0-1.082-.223-1.5-.6v.1a.5.5 0 0 1-.45.497q-.024.004-.05.003a.5.5 0 0 1-.5-.5v-9q0-.026.003-.05a.5.5 0 0 1 .548-.447m1.885 4.998c-.404.028-.858.311-1.145.818a2.44 2.44 0 0 0-.288 1.073q-.003.053-.002.107l.002.107c.016.4.12.767.287 1.07c.287.508.742.794 1.146.821a1 1 0 0 0 .13 0c.404-.027.859-.312 1.146-.82c.167-.304.271-.672.287-1.07q.003-.054.002-.108l-.002-.107a2.44 2.44 0 0 0-.288-1.073c-.287-.507-.74-.79-1.146-.818q-.03-.003-.064-.002q-.033 0-.065.002" clip-rule="evenodd"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. WholeWordIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Codicons (Iconify)

Browse all Codicons (Iconify) icons →
account
account
activate-breakpoints
activate-breakpoints
add
add
add-compact
add-compact
add-small
add-small
agent
agent
archive
archive
arrow-both
arrow-both
arrow-circle-down
arrow-circle-down
arrow-circle-left
arrow-circle-left
arrow-circle-right
arrow-circle-right
arrow-circle-up
arrow-circle-up