Text Input

Usage

With Web Components

<ss-icon icon="text-input"></ss-icon>

With icon tag

<i class="ss ss-text-input"></i>

With custom stroke width / thickness

<ss-icon icon="text-input" thickness="1.2"></ss-icon>

Node.js

const icons = require('@bookklik/senangstart-icons/icons');
const svg = icons['text-input'];
console.log(svg);

Icon Details

Property	Value
Name	Text Input
Slug	text-input
Tags	input, text field, form, typing, caret, textbox, text-input

SVG Path

M4.5 6h15a2.25 2.25 0 0 1 2.25 2.25v7.5a2.25 2.25 0 0 1 -2.25 2.25h-15a2.25 2.25 0 0 1 -2.25 -2.25v-7.5a2.25 2.25 0 0 1 2.25 -2.25ZM9 3.75h4.5M11.25 3.75v16.5M9 20.25h4.5M6 10.5v3

Raw SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M4.5 6h15a2.25 2.25 0 0 1 2.25 2.25v7.5a2.25 2.25 0 0 1 -2.25 2.25h-15a2.25 2.25 0 0 1 -2.25 -2.25v-7.5a2.25 2.25 0 0 1 2.25 -2.25ZM9 3.75h4.5M11.25 3.75v16.5M9 20.25h4.5M6 10.5v3"></path>
</svg>

---

← Back to Icon Library