# cursor-text icon Cursor text. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/cursor-text - Category: Layout & interface - Use it for: text cursor, i beam, insertion point, text caret - Tags: cursor, text, i-beam, caret, insert, type, edit - Component name: CursorTextIcon - Added: 2026-10-15 ## Alternatives - `input-text`: a text field (text-field) ## Don't confuse with - `type`: type is the text tool or text in general (text) ## Also fits - cursor: the I-beam text cursor (text-cursor) - text field: the text cursor itself (text-cursor) - text tool: the I-beam text cursor (text-cursor) ## Files Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. - line-round: https://gentleface.com/svg/line-round/16/cursor-text.svg · PNG https://gentleface.com/png/line-round/16/cursor-text.png · https://gentleface.com/png/line-round/32/cursor-text.png · https://gentleface.com/png/line-round/48/cursor-text.png - line-soft: https://gentleface.com/svg/line-soft/16/cursor-text.svg · PNG https://gentleface.com/png/line-soft/16/cursor-text.png · https://gentleface.com/png/line-soft/32/cursor-text.png · https://gentleface.com/png/line-soft/48/cursor-text.png - line-sharp: https://gentleface.com/svg/line-sharp/16/cursor-text.svg · PNG https://gentleface.com/png/line-sharp/16/cursor-text.png · https://gentleface.com/png/line-sharp/32/cursor-text.png · https://gentleface.com/png/line-sharp/48/cursor-text.png - solid-round: https://gentleface.com/svg/solid-round/16/cursor-text.svg · PNG https://gentleface.com/png/solid-round/16/cursor-text.png · https://gentleface.com/png/solid-round/32/cursor-text.png · https://gentleface.com/png/solid-round/48/cursor-text.png - solid-soft: https://gentleface.com/svg/solid-soft/16/cursor-text.svg · PNG https://gentleface.com/png/solid-soft/16/cursor-text.png · https://gentleface.com/png/solid-soft/32/cursor-text.png · https://gentleface.com/png/solid-soft/48/cursor-text.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/cursor-text.svg · PNG https://gentleface.com/png/solid-sharp/16/cursor-text.png · https://gentleface.com/png/solid-sharp/32/cursor-text.png · https://gentleface.com/png/solid-sharp/48/cursor-text.png The SVG of every style: https://gentleface.com/icons/cursor-text.json (`svg`). ## Code (line-round) The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "cursor-text" (line-round), MIT. https://gentleface.com/icons/cursor-text import type { SVGProps } from 'react'; export function CursorTextIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "cursor-text" (line-round), MIT. https://gentleface.com/icons/cursor-text. Takes the text color. */ .icon-cursor-text { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M8.5 8C8.641 8 8.759 8.048 8.856 8.144C8.952 8.241 9 8.359 9 8.5C9 8.641 8.952 8.759 8.856 8.856C8.759 8.952 8.641 9 8.5 9L8 9L8 11.5C8 11.691 8.035 11.875 8.105 12.052C8.182 12.245 8.293 12.414 8.439 12.561C8.586 12.707 8.755 12.818 8.948 12.895C9.125 12.965 9.309 13 9.5 13C9.641 13 9.759 13.048 9.856 13.144C9.952 13.241 10 13.359 10 13.5C10 13.641 9.952 13.759 9.856 13.856C9.759 13.952 9.641 14 9.5 14C9.182 14 8.875 13.941 8.58 13.824C8.259 13.697 7.976 13.512 7.732 13.268C7.648 13.183 7.57 13.094 7.5 13.001C7.43 13.094 7.352 13.183 7.268 13.268C7.024 13.512 6.741 13.697 6.42 13.824C6.125 13.941 5.818 14 5.5 14C5.359 14 5.241 13.952 5.144 13.856C5.048 13.759 5 13.641 5 13.5C5 13.359 5.048 13.241 5.144 13.144C5.241 13.048 5.359 13 5.5 13C5.691 13 5.875 12.965 6.052 12.895C6.245 12.818 6.414 12.707 6.561 12.561C6.707 12.414 6.818 12.245 6.895 12.052C6.965 11.875 7 11.691 7 11.5L7 9L6.5 9C6.359 9 6.241 8.952 6.144 8.856C6.048 8.759 6 8.641 6 8.5C6 8.359 6.048 8.241 6.144 8.144C6.241 8.048 6.359 8 6.5 8L7 8L7 3.5C7 3.309 6.965 3.125 6.895 2.948C6.818 2.755 6.707 2.586 6.561 2.439C6.414 2.293 6.245 2.182 6.052 2.105C5.875 2.035 5.691 2 5.5 2C5.359 2 5.241 1.952 5.144 1.856C5.048 1.759 5 1.641 5 1.5C5 1.359 5.048 1.241 5.144 1.144C5.241 1.048 5.359 1 5.5 1C5.818 1 6.125 1.059 6.42 1.176C6.741 1.303 7.024 1.488 7.268 1.732C7.352 1.817 7.43 1.906 7.5 1.999C7.57 1.906 7.648 1.817 7.732 1.732C7.976 1.488 8.259 1.303 8.58 1.176C8.875 1.059 9.182 1 9.5 1C9.641 1 9.759 1.048 9.856 1.144C9.952 1.241 10 1.359 10 1.5C10 1.641 9.952 1.759 9.856 1.856C9.759 1.952 9.641 2 9.5 2C9.309 2 9.125 2.035 8.948 2.105C8.755 2.182 8.586 2.293 8.439 2.439C8.293 2.586 8.182 2.755 8.105 2.948C8.035 3.125 8 3.309 8 3.5L8 8L8.5 8Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M8.5 8C8.641 8 8.759 8.048 8.856 8.144C8.952 8.241 9 8.359 9 8.5C9 8.641 8.952 8.759 8.856 8.856C8.759 8.952 8.641 9 8.5 9L8 9L8 11.5C8 11.691 8.035 11.875 8.105 12.052C8.182 12.245 8.293 12.414 8.439 12.561C8.586 12.707 8.755 12.818 8.948 12.895C9.125 12.965 9.309 13 9.5 13C9.641 13 9.759 13.048 9.856 13.144C9.952 13.241 10 13.359 10 13.5C10 13.641 9.952 13.759 9.856 13.856C9.759 13.952 9.641 14 9.5 14C9.182 14 8.875 13.941 8.58 13.824C8.259 13.697 7.976 13.512 7.732 13.268C7.648 13.183 7.57 13.094 7.5 13.001C7.43 13.094 7.352 13.183 7.268 13.268C7.024 13.512 6.741 13.697 6.42 13.824C6.125 13.941 5.818 14 5.5 14C5.359 14 5.241 13.952 5.144 13.856C5.048 13.759 5 13.641 5 13.5C5 13.359 5.048 13.241 5.144 13.144C5.241 13.048 5.359 13 5.5 13C5.691 13 5.875 12.965 6.052 12.895C6.245 12.818 6.414 12.707 6.561 12.561C6.707 12.414 6.818 12.245 6.895 12.052C6.965 11.875 7 11.691 7 11.5L7 9L6.5 9C6.359 9 6.241 8.952 6.144 8.856C6.048 8.759 6 8.641 6 8.5C6 8.359 6.048 8.241 6.144 8.144C6.241 8.048 6.359 8 6.5 8L7 8L7 3.5C7 3.309 6.965 3.125 6.895 2.948C6.818 2.755 6.707 2.586 6.561 2.439C6.414 2.293 6.245 2.182 6.052 2.105C5.875 2.035 5.691 2 5.5 2C5.359 2 5.241 1.952 5.144 1.856C5.048 1.759 5 1.641 5 1.5C5 1.359 5.048 1.241 5.144 1.144C5.241 1.048 5.359 1 5.5 1C5.818 1 6.125 1.059 6.42 1.176C6.741 1.303 7.024 1.488 7.268 1.732C7.352 1.817 7.43 1.906 7.5 1.999C7.57 1.906 7.648 1.817 7.732 1.732C7.976 1.488 8.259 1.303 8.58 1.176C8.875 1.059 9.182 1 9.5 1C9.641 1 9.759 1.048 9.856 1.144C9.952 1.241 10 1.359 10 1.5C10 1.641 9.952 1.759 9.856 1.856C9.759 1.952 9.641 2 9.5 2C9.309 2 9.125 2.035 8.948 2.105C8.755 2.182 8.586 2.293 8.439 2.439C8.293 2.586 8.182 2.755 8.105 2.948C8.035 3.125 8 3.309 8 3.5L8 8L8.5 8Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M8.5 8C8.641 8 8.759 8.048 8.856 8.144C8.952 8.241 9 8.359 9 8.5C9 8.641 8.952 8.759 8.856 8.856C8.759 8.952 8.641 9 8.5 9L8 9L8 11.5C8 11.691 8.035 11.875 8.105 12.052C8.182 12.245 8.293 12.414 8.439 12.561C8.586 12.707 8.755 12.818 8.948 12.895C9.125 12.965 9.309 13 9.5 13C9.641 13 9.759 13.048 9.856 13.144C9.952 13.241 10 13.359 10 13.5C10 13.641 9.952 13.759 9.856 13.856C9.759 13.952 9.641 14 9.5 14C9.182 14 8.875 13.941 8.58 13.824C8.259 13.697 7.976 13.512 7.732 13.268C7.648 13.183 7.57 13.094 7.5 13.001C7.43 13.094 7.352 13.183 7.268 13.268C7.024 13.512 6.741 13.697 6.42 13.824C6.125 13.941 5.818 14 5.5 14C5.359 14 5.241 13.952 5.144 13.856C5.048 13.759 5 13.641 5 13.5C5 13.359 5.048 13.241 5.144 13.144C5.241 13.048 5.359 13 5.5 13C5.691 13 5.875 12.965 6.052 12.895C6.245 12.818 6.414 12.707 6.561 12.561C6.707 12.414 6.818 12.245 6.895 12.052C6.965 11.875 7 11.691 7 11.5L7 9L6.5 9C6.359 9 6.241 8.952 6.144 8.856C6.048 8.759 6 8.641 6 8.5C6 8.359 6.048 8.241 6.144 8.144C6.241 8.048 6.359 8 6.5 8L7 8L7 3.5C7 3.309 6.965 3.125 6.895 2.948C6.818 2.755 6.707 2.586 6.561 2.439C6.414 2.293 6.245 2.182 6.052 2.105C5.875 2.035 5.691 2 5.5 2C5.359 2 5.241 1.952 5.144 1.856C5.048 1.759 5 1.641 5 1.5C5 1.359 5.048 1.241 5.144 1.144C5.241 1.048 5.359 1 5.5 1C5.818 1 6.125 1.059 6.42 1.176C6.741 1.303 7.024 1.488 7.268 1.732C7.352 1.817 7.43 1.906 7.5 1.999C7.57 1.906 7.648 1.817 7.732 1.732C7.976 1.488 8.259 1.303 8.58 1.176C8.875 1.059 9.182 1 9.5 1C9.641 1 9.759 1.048 9.856 1.144C9.952 1.241 10 1.359 10 1.5C10 1.641 9.952 1.759 9.856 1.856C9.759 1.952 9.641 2 9.5 2C9.309 2 9.125 2.035 8.948 2.105C8.755 2.182 8.586 2.293 8.439 2.439C8.293 2.586 8.182 2.755 8.105 2.948C8.035 3.125 8 3.309 8 3.5L8 8L8.5 8Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "cursor-text" (line-round), MIT. https://gentleface.com/icons/cursor-text import SwiftUI struct CursorTextIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 8.5, y: 8)) p.addCurve(to: CGPoint(x: 8.856, y: 8.144), control1: CGPoint(x: 8.641, y: 8), control2: CGPoint(x: 8.759, y: 8.048)) p.addCurve(to: CGPoint(x: 9, y: 8.5), control1: CGPoint(x: 8.952, y: 8.241), control2: CGPoint(x: 9, y: 8.359)) p.addCurve(to: CGPoint(x: 8.856, y: 8.856), control1: CGPoint(x: 9, y: 8.641), control2: CGPoint(x: 8.952, y: 8.759)) p.addCurve(to: CGPoint(x: 8.5, y: 9), control1: CGPoint(x: 8.759, y: 8.952), control2: CGPoint(x: 8.641, y: 9)) p.addLine(to: CGPoint(x: 8, y: 9)) p.addLine(to: CGPoint(x: 8, y: 11.5)) p.addCurve(to: CGPoint(x: 8.105, y: 12.052), control1: CGPoint(x: 8, y: 11.691), control2: CGPoint(x: 8.035, y: 11.875)) p.addCurve(to: CGPoint(x: 8.439, y: 12.561), control1: CGPoint(x: 8.182, y: 12.245), control2: CGPoint(x: 8.293, y: 12.414)) p.addCurve(to: CGPoint(x: 8.948, y: 12.895), control1: CGPoint(x: 8.586, y: 12.707), control2: CGPoint(x: 8.755, y: 12.818)) p.addCurve(to: CGPoint(x: 9.5, y: 13), control1: CGPoint(x: 9.125, y: 12.965), control2: CGPoint(x: 9.309, y: 13)) p.addCurve(to: CGPoint(x: 9.856, y: 13.144), control1: CGPoint(x: 9.641, y: 13), control2: CGPoint(x: 9.759, y: 13.048)) p.addCurve(to: CGPoint(x: 10, y: 13.5), control1: CGPoint(x: 9.952, y: 13.241), control2: CGPoint(x: 10, y: 13.359)) p.addCurve(to: CGPoint(x: 9.856, y: 13.856), control1: CGPoint(x: 10, y: 13.641), control2: CGPoint(x: 9.952, y: 13.759)) p.addCurve(to: CGPoint(x: 9.5, y: 14), control1: CGPoint(x: 9.759, y: 13.952), control2: CGPoint(x: 9.641, y: 14)) p.addCurve(to: CGPoint(x: 8.58, y: 13.824), control1: CGPoint(x: 9.182, y: 14), control2: CGPoint(x: 8.875, y: 13.941)) p.addCurve(to: CGPoint(x: 7.732, y: 13.268), control1: CGPoint(x: 8.259, y: 13.697), control2: CGPoint(x: 7.976, y: 13.512)) p.addCurve(to: CGPoint(x: 7.5, y: 13.001), control1: CGPoint(x: 7.648, y: 13.183), control2: CGPoint(x: 7.57, y: 13.094)) p.addCurve(to: CGPoint(x: 7.268, y: 13.268), control1: CGPoint(x: 7.43, y: 13.094), control2: CGPoint(x: 7.352, y: 13.183)) p.addCurve(to: CGPoint(x: 6.42, y: 13.824), control1: CGPoint(x: 7.024, y: 13.512), control2: CGPoint(x: 6.741, y: 13.697)) p.addCurve(to: CGPoint(x: 5.5, y: 14), control1: CGPoint(x: 6.125, y: 13.941), control2: CGPoint(x: 5.818, y: 14)) p.addCurve(to: CGPoint(x: 5.144, y: 13.856), control1: CGPoint(x: 5.359, y: 14), control2: CGPoint(x: 5.241, y: 13.952)) p.addCurve(to: CGPoint(x: 5, y: 13.5), control1: CGPoint(x: 5.048, y: 13.759), control2: CGPoint(x: 5, y: 13.641)) p.addCurve(to: CGPoint(x: 5.144, y: 13.144), control1: CGPoint(x: 5, y: 13.359), control2: CGPoint(x: 5.048, y: 13.241)) p.addCurve(to: CGPoint(x: 5.5, y: 13), control1: CGPoint(x: 5.241, y: 13.048), control2: CGPoint(x: 5.359, y: 13)) p.addCurve(to: CGPoint(x: 6.052, y: 12.895), control1: CGPoint(x: 5.691, y: 13), control2: CGPoint(x: 5.875, y: 12.965)) p.addCurve(to: CGPoint(x: 6.561, y: 12.561), control1: CGPoint(x: 6.245, y: 12.818), control2: CGPoint(x: 6.414, y: 12.707)) p.addCurve(to: CGPoint(x: 6.895, y: 12.052), control1: CGPoint(x: 6.707, y: 12.414), control2: CGPoint(x: 6.818, y: 12.245)) p.addCurve(to: CGPoint(x: 7, y: 11.5), control1: CGPoint(x: 6.965, y: 11.875), control2: CGPoint(x: 7, y: 11.691)) p.addLine(to: CGPoint(x: 7, y: 9)) p.addLine(to: CGPoint(x: 6.5, y: 9)) p.addCurve(to: CGPoint(x: 6.144, y: 8.856), control1: CGPoint(x: 6.359, y: 9), control2: CGPoint(x: 6.241, y: 8.952)) p.addCurve(to: CGPoint(x: 6, y: 8.5), control1: CGPoint(x: 6.048, y: 8.759), control2: CGPoint(x: 6, y: 8.641)) p.addCurve(to: CGPoint(x: 6.144, y: 8.144), control1: CGPoint(x: 6, y: 8.359), control2: CGPoint(x: 6.048, y: 8.241)) p.addCurve(to: CGPoint(x: 6.5, y: 8), control1: CGPoint(x: 6.241, y: 8.048), control2: CGPoint(x: 6.359, y: 8)) p.addLine(to: CGPoint(x: 7, y: 8)) p.addLine(to: CGPoint(x: 7, y: 3.5)) p.addCurve(to: CGPoint(x: 6.895, y: 2.948), control1: CGPoint(x: 7, y: 3.309), control2: CGPoint(x: 6.965, y: 3.125)) p.addCurve(to: CGPoint(x: 6.561, y: 2.439), control1: CGPoint(x: 6.818, y: 2.755), control2: CGPoint(x: 6.707, y: 2.586)) p.addCurve(to: CGPoint(x: 6.052, y: 2.105), control1: CGPoint(x: 6.414, y: 2.293), control2: CGPoint(x: 6.245, y: 2.182)) p.addCurve(to: CGPoint(x: 5.5, y: 2), control1: CGPoint(x: 5.875, y: 2.035), control2: CGPoint(x: 5.691, y: 2)) p.addCurve(to: CGPoint(x: 5.144, y: 1.856), control1: CGPoint(x: 5.359, y: 2), control2: CGPoint(x: 5.241, y: 1.952)) p.addCurve(to: CGPoint(x: 5, y: 1.5), control1: CGPoint(x: 5.048, y: 1.759), control2: CGPoint(x: 5, y: 1.641)) p.addCurve(to: CGPoint(x: 5.144, y: 1.144), control1: CGPoint(x: 5, y: 1.359), control2: CGPoint(x: 5.048, y: 1.241)) p.addCurve(to: CGPoint(x: 5.5, y: 1), control1: CGPoint(x: 5.241, y: 1.048), control2: CGPoint(x: 5.359, y: 1)) p.addCurve(to: CGPoint(x: 6.42, y: 1.176), control1: CGPoint(x: 5.818, y: 1), control2: CGPoint(x: 6.125, y: 1.059)) p.addCurve(to: CGPoint(x: 7.268, y: 1.732), control1: CGPoint(x: 6.741, y: 1.303), control2: CGPoint(x: 7.024, y: 1.488)) p.addCurve(to: CGPoint(x: 7.5, y: 1.999), control1: CGPoint(x: 7.352, y: 1.817), control2: CGPoint(x: 7.43, y: 1.906)) p.addCurve(to: CGPoint(x: 7.732, y: 1.732), control1: CGPoint(x: 7.57, y: 1.906), control2: CGPoint(x: 7.648, y: 1.817)) p.addCurve(to: CGPoint(x: 8.58, y: 1.176), control1: CGPoint(x: 7.976, y: 1.488), control2: CGPoint(x: 8.259, y: 1.303)) p.addCurve(to: CGPoint(x: 9.5, y: 1), control1: CGPoint(x: 8.875, y: 1.059), control2: CGPoint(x: 9.182, y: 1)) p.addCurve(to: CGPoint(x: 9.856, y: 1.144), control1: CGPoint(x: 9.641, y: 1), control2: CGPoint(x: 9.759, y: 1.048)) p.addCurve(to: CGPoint(x: 10, y: 1.5), control1: CGPoint(x: 9.952, y: 1.241), control2: CGPoint(x: 10, y: 1.359)) p.addCurve(to: CGPoint(x: 9.856, y: 1.856), control1: CGPoint(x: 10, y: 1.641), control2: CGPoint(x: 9.952, y: 1.759)) p.addCurve(to: CGPoint(x: 9.5, y: 2), control1: CGPoint(x: 9.759, y: 1.952), control2: CGPoint(x: 9.641, y: 2)) p.addCurve(to: CGPoint(x: 8.948, y: 2.105), control1: CGPoint(x: 9.309, y: 2), control2: CGPoint(x: 9.125, y: 2.035)) p.addCurve(to: CGPoint(x: 8.439, y: 2.439), control1: CGPoint(x: 8.755, y: 2.182), control2: CGPoint(x: 8.586, y: 2.293)) p.addCurve(to: CGPoint(x: 8.105, y: 2.948), control1: CGPoint(x: 8.293, y: 2.586), control2: CGPoint(x: 8.182, y: 2.755)) p.addCurve(to: CGPoint(x: 8, y: 3.5), control1: CGPoint(x: 8.035, y: 3.125), control2: CGPoint(x: 8, y: 3.309)) p.addLine(to: CGPoint(x: 8, y: 8)) p.addLine(to: CGPoint(x: 8.5, y: 8)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // CursorTextIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "cursor-text" (line-round), MIT. https://gentleface.com/icons/cursor-text import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val CursorTextIcon: ImageVector by lazy { ImageVector.Builder( name = "cursor-text", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M8.5 8C8.641 8 8.759 8.048 8.856 8.144C8.952 8.241 9 8.359 9 8.5C9 8.641 8.952 8.759 8.856 8.856C8.759 8.952 8.641 9 8.5 9L8 9L8 11.5C8 11.691 8.035 11.875 8.105 12.052C8.182 12.245 8.293 12.414 8.439 12.561C8.586 12.707 8.755 12.818 8.948 12.895C9.125 12.965 9.309 13 9.5 13C9.641 13 9.759 13.048 9.856 13.144C9.952 13.241 10 13.359 10 13.5C10 13.641 9.952 13.759 9.856 13.856C9.759 13.952 9.641 14 9.5 14C9.182 14 8.875 13.941 8.58 13.824C8.259 13.697 7.976 13.512 7.732 13.268C7.648 13.183 7.57 13.094 7.5 13.001C7.43 13.094 7.352 13.183 7.268 13.268C7.024 13.512 6.741 13.697 6.42 13.824C6.125 13.941 5.818 14 5.5 14C5.359 14 5.241 13.952 5.144 13.856C5.048 13.759 5 13.641 5 13.5C5 13.359 5.048 13.241 5.144 13.144C5.241 13.048 5.359 13 5.5 13C5.691 13 5.875 12.965 6.052 12.895C6.245 12.818 6.414 12.707 6.561 12.561C6.707 12.414 6.818 12.245 6.895 12.052C6.965 11.875 7 11.691 7 11.5L7 9L6.5 9C6.359 9 6.241 8.952 6.144 8.856C6.048 8.759 6 8.641 6 8.5C6 8.359 6.048 8.241 6.144 8.144C6.241 8.048 6.359 8 6.5 8L7 8L7 3.5C7 3.309 6.965 3.125 6.895 2.948C6.818 2.755 6.707 2.586 6.561 2.439C6.414 2.293 6.245 2.182 6.052 2.105C5.875 2.035 5.691 2 5.5 2C5.359 2 5.241 1.952 5.144 1.856C5.048 1.759 5 1.641 5 1.5C5 1.359 5.048 1.241 5.144 1.144C5.241 1.048 5.359 1 5.5 1C5.818 1 6.125 1.059 6.42 1.176C6.741 1.303 7.024 1.488 7.268 1.732C7.352 1.817 7.43 1.906 7.5 1.999C7.57 1.906 7.648 1.817 7.732 1.732C7.976 1.488 8.259 1.303 8.58 1.176C8.875 1.059 9.182 1 9.5 1C9.641 1 9.759 1.048 9.856 1.144C9.952 1.241 10 1.359 10 1.5C10 1.641 9.952 1.759 9.856 1.856C9.759 1.952 9.641 2 9.5 2C9.309 2 9.125 2.035 8.948 2.105C8.755 2.182 8.586 2.293 8.439 2.439C8.293 2.586 8.182 2.755 8.105 2.948C8.035 3.125 8 3.309 8 3.5L8 8L8.5 8Z"), fill = SolidColor(Color.Black), ).build() } // Icon(CursorTextIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "cursor-text" (line-round), MIT. https://gentleface.com/icons/cursor-text import 'package:flutter/widgets.dart'; class CursorTextIcon extends StatelessWidget { const CursorTextIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _CursorTextIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _CursorTextIconPainter extends CustomPainter { _CursorTextIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(8.5, 8) ..cubicTo(8.641, 8, 8.759, 8.048, 8.856, 8.144) ..cubicTo(8.952, 8.241, 9, 8.359, 9, 8.5) ..cubicTo(9, 8.641, 8.952, 8.759, 8.856, 8.856) ..cubicTo(8.759, 8.952, 8.641, 9, 8.5, 9) ..lineTo(8, 9) ..lineTo(8, 11.5) ..cubicTo(8, 11.691, 8.035, 11.875, 8.105, 12.052) ..cubicTo(8.182, 12.245, 8.293, 12.414, 8.439, 12.561) ..cubicTo(8.586, 12.707, 8.755, 12.818, 8.948, 12.895) ..cubicTo(9.125, 12.965, 9.309, 13, 9.5, 13) ..cubicTo(9.641, 13, 9.759, 13.048, 9.856, 13.144) ..cubicTo(9.952, 13.241, 10, 13.359, 10, 13.5) ..cubicTo(10, 13.641, 9.952, 13.759, 9.856, 13.856) ..cubicTo(9.759, 13.952, 9.641, 14, 9.5, 14) ..cubicTo(9.182, 14, 8.875, 13.941, 8.58, 13.824) ..cubicTo(8.259, 13.697, 7.976, 13.512, 7.732, 13.268) ..cubicTo(7.648, 13.183, 7.57, 13.094, 7.5, 13.001) ..cubicTo(7.43, 13.094, 7.352, 13.183, 7.268, 13.268) ..cubicTo(7.024, 13.512, 6.741, 13.697, 6.42, 13.824) ..cubicTo(6.125, 13.941, 5.818, 14, 5.5, 14) ..cubicTo(5.359, 14, 5.241, 13.952, 5.144, 13.856) ..cubicTo(5.048, 13.759, 5, 13.641, 5, 13.5) ..cubicTo(5, 13.359, 5.048, 13.241, 5.144, 13.144) ..cubicTo(5.241, 13.048, 5.359, 13, 5.5, 13) ..cubicTo(5.691, 13, 5.875, 12.965, 6.052, 12.895) ..cubicTo(6.245, 12.818, 6.414, 12.707, 6.561, 12.561) ..cubicTo(6.707, 12.414, 6.818, 12.245, 6.895, 12.052) ..cubicTo(6.965, 11.875, 7, 11.691, 7, 11.5) ..lineTo(7, 9) ..lineTo(6.5, 9) ..cubicTo(6.359, 9, 6.241, 8.952, 6.144, 8.856) ..cubicTo(6.048, 8.759, 6, 8.641, 6, 8.5) ..cubicTo(6, 8.359, 6.048, 8.241, 6.144, 8.144) ..cubicTo(6.241, 8.048, 6.359, 8, 6.5, 8) ..lineTo(7, 8) ..lineTo(7, 3.5) ..cubicTo(7, 3.309, 6.965, 3.125, 6.895, 2.948) ..cubicTo(6.818, 2.755, 6.707, 2.586, 6.561, 2.439) ..cubicTo(6.414, 2.293, 6.245, 2.182, 6.052, 2.105) ..cubicTo(5.875, 2.035, 5.691, 2, 5.5, 2) ..cubicTo(5.359, 2, 5.241, 1.952, 5.144, 1.856) ..cubicTo(5.048, 1.759, 5, 1.641, 5, 1.5) ..cubicTo(5, 1.359, 5.048, 1.241, 5.144, 1.144) ..cubicTo(5.241, 1.048, 5.359, 1, 5.5, 1) ..cubicTo(5.818, 1, 6.125, 1.059, 6.42, 1.176) ..cubicTo(6.741, 1.303, 7.024, 1.488, 7.268, 1.732) ..cubicTo(7.352, 1.817, 7.43, 1.906, 7.5, 1.999) ..cubicTo(7.57, 1.906, 7.648, 1.817, 7.732, 1.732) ..cubicTo(7.976, 1.488, 8.259, 1.303, 8.58, 1.176) ..cubicTo(8.875, 1.059, 9.182, 1, 9.5, 1) ..cubicTo(9.641, 1, 9.759, 1.048, 9.856, 1.144) ..cubicTo(9.952, 1.241, 10, 1.359, 10, 1.5) ..cubicTo(10, 1.641, 9.952, 1.759, 9.856, 1.856) ..cubicTo(9.759, 1.952, 9.641, 2, 9.5, 2) ..cubicTo(9.309, 2, 9.125, 2.035, 8.948, 2.105) ..cubicTo(8.755, 2.182, 8.586, 2.293, 8.439, 2.439) ..cubicTo(8.293, 2.586, 8.182, 2.755, 8.105, 2.948) ..cubicTo(8.035, 3.125, 8, 3.309, 8, 3.5) ..lineTo(8, 8) ..lineTo(8.5, 8) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_CursorTextIconPainter old) => old.color != color; } ```