Whole Word Sharp icon
keyline-icons:whole-word-sharp
The Whole Word Sharp icon (keyline-icons:whole-word-sharp) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
- Tags
- wholeword, wordsharp, wholewordsharp
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M10 11C10 12.6569 8.6569 14 7 14C5.3431 14 4 12.6569 4 11C4 9.3431 5.3431 8 7 8C8.6569 8 10 9.3431 10 11ZM10 7L10 15M14 3L14 15M20 11C20 12.6569 18.6569 14 17 14C15.3431 14 14 12.6569 14 11C14 9.3431 15.3431 8 17 8C18.6569 8 20 9.3431 20 11ZM2 16L2 20L22 20L22 16"/></svg>
How to use the Whole Word Sharp icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:whole-word-sharp" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:whole-word-sharp" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:whole-word-sharp" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--whole-word-sharp]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:whole-word-sharp"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:whole-word-sharp"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/whole-word-sharp.svg" alt="Whole Word Sharp icon" width="24" height="24">
Related icons in Keyline Icons
Whole Word Sharp icon FAQ
Is the Whole Word Sharp icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Whole Word Sharp icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:whole-word-sharp" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Whole Word Sharp icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/whole-word-sharp.svg" alt="Whole Word Sharp icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
