whole word icon
whole-word from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.
- Name
- whole-word
- Set
- Codicons
- Style
- Regular
- Viewbox
- 16×16
- License
- CC BY 4.0
The same icon in other sets
Use the whole word icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><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>
React
import type { SVGProps } from "react";
export function CodiconWholeWord(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><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 fillRule="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" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><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> </template>
CSS
.icon-whole-word {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M15.5%2012.5a.5.5%200%200%201%20.5.5v.5c0%20.827-.673%201.5-1.5%201.5h-13C.673%2015%200%2014.327%200%2013.5V13a.5.5%200%200%201%201%200v.5a.5.5%200%200%200%20.5.5h13a.5.5%200%200%200%20.5-.5V13a.5.5%200%200%201%20.5-.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4.858%205.67c1.307.066%202.085.817%202.14%202.03L7%207.835v3.675a.5.5%200%200%201-.432.487l-.068.005a.5.5%200%200%201-.495-.432L6%2011.503v-.07c-.659.377-1.268.57-1.833.57C2.941%2012.003%202%2011.14%202%209.836c0-1.15.792-2.004%202.106-2.163A5%205%200%200%201%206%207.813c-.007-.738-.371-1.103-1.191-1.144c-.641-.032-1.092.058-1.356.243a.5.5%200%201%201-.574-.818c.439-.308%201.036-.444%201.789-.43zm.939%203.148a4%204%200%200%200-1.571-.128c-.822.1-1.227.537-1.227%201.17c0%20.731.475%201.167%201.167%201.167c.454%200%201.012-.21%201.668-.642l.165-.112V8.879zM9.55%202.006a.5.5%200%200%201%20.45.497v4.1c.418-.377.937-.6%201.5-.6c1.381%200%202.5%201.343%202.5%203s-1.119%203-2.5%203c-.563%200-1.082-.223-1.5-.6v.1a.5.5%200%200%201-.45.497q-.024.004-.05.003a.5.5%200%200%201-.5-.5v-9q0-.026.003-.05a.5.5%200%200%201%20.548-.447m1.885%204.998c-.404.028-.858.311-1.145.818a2.44%202.44%200%200%200-.288%201.073q-.003.053-.002.107l.002.107c.016.4.12.767.287%201.07c.287.508.742.794%201.146.821a1%201%200%200%200%20.13%200c.404-.027.859-.312%201.146-.82c.167-.304.271-.672.287-1.07q.003-.054.002-.108l-.002-.107a2.44%202.44%200%200%200-.288-1.073c-.287-.507-.74-.79-1.146-.818q-.03-.003-.064-.002q-.033%200-.065.002%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M15.5%2012.5a.5.5%200%200%201%20.5.5v.5c0%20.827-.673%201.5-1.5%201.5h-13C.673%2015%200%2014.327%200%2013.5V13a.5.5%200%200%201%201%200v.5a.5.5%200%200%200%20.5.5h13a.5.5%200%200%200%20.5-.5V13a.5.5%200%200%201%20.5-.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4.858%205.67c1.307.066%202.085.817%202.14%202.03L7%207.835v3.675a.5.5%200%200%201-.432.487l-.068.005a.5.5%200%200%201-.495-.432L6%2011.503v-.07c-.659.377-1.268.57-1.833.57C2.941%2012.003%202%2011.14%202%209.836c0-1.15.792-2.004%202.106-2.163A5%205%200%200%201%206%207.813c-.007-.738-.371-1.103-1.191-1.144c-.641-.032-1.092.058-1.356.243a.5.5%200%201%201-.574-.818c.439-.308%201.036-.444%201.789-.43zm.939%203.148a4%204%200%200%200-1.571-.128c-.822.1-1.227.537-1.227%201.17c0%20.731.475%201.167%201.167%201.167c.454%200%201.012-.21%201.668-.642l.165-.112V8.879zM9.55%202.006a.5.5%200%200%201%20.45.497v4.1c.418-.377.937-.6%201.5-.6c1.381%200%202.5%201.343%202.5%203s-1.119%203-2.5%203c-.563%200-1.082-.223-1.5-.6v.1a.5.5%200%200%201-.45.497q-.024.004-.05.003a.5.5%200%200%201-.5-.5v-9q0-.026.003-.05a.5.5%200%200%201%20.548-.447m1.885%204.998c-.404.028-.858.311-1.145.818a2.44%202.44%200%200%200-.288%201.073q-.003.053-.002.107l.002.107c.016.4.12.767.287%201.07c.287.508.742.794%201.146.821a1%201%200%200%200%20.13%200c.404-.027.859-.312%201.146-.82c.167-.304.271-.672.287-1.07q.003-.054.002-.108l-.002-.107a2.44%202.44%200%200%200-.288-1.073c-.287-.507-.74-.79-1.146-.818q-.03-.003-.064-.002q-.033%200-.065.002%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/codicon/whole-word.svg?color=%231a73e8&size=48
