text cursor icon

text-cursor from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.

Name: text-cursor
Set: Framework7 Icons
Style: Outline
Viewbox: 56×56
License: MIT

The same icon in other sets

text-cursorLucide text-cursorPixelarticons

Related icons in Framework7 Icons

text-aligncenter text-alignleft text-alignright text-append text-badge-checkmark text-badge-minus text-badge-plus text-badge-star text-badge-xmark text-bubble text-insert text-justify text-justifyleft text-justifyright text-quote

Use the text cursor icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M35.57 52.398h13.688c1.054 0 1.617-.515 1.617-1.382c0-.891-.562-1.36-1.617-1.36h-5.274V6.32h5.274c1.054 0 1.617-.492 1.617-1.383c0-.867-.562-1.335-1.617-1.335H35.57c-1.078 0-1.617.468-1.617 1.336c0 .89.54 1.382 1.617 1.382h5.25v43.336h-5.25c-1.078 0-1.617.469-1.617 1.36c0 .867.54 1.382 1.617 1.382m-16.71-7.03c1.335 0 2.226-.845 2.226-2.204V15.25h9.516c1.171 0 2.015-.773 2.015-1.969c0-1.195-.844-1.969-2.015-1.969H7.164c-1.195 0-2.04.774-2.04 1.97s.845 1.968 2.04 1.968h9.516v27.914c0 1.36.843 2.203 2.18 2.203"/></svg>

React

import type { SVGProps } from "react";

export function F7TextCursor(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M35.57 52.398h13.688c1.054 0 1.617-.515 1.617-1.382c0-.891-.562-1.36-1.617-1.36h-5.274V6.32h5.274c1.054 0 1.617-.492 1.617-1.383c0-.867-.562-1.335-1.617-1.335H35.57c-1.078 0-1.617.468-1.617 1.336c0 .89.54 1.382 1.617 1.382h5.25v43.336h-5.25c-1.078 0-1.617.469-1.617 1.36c0 .867.54 1.382 1.617 1.382m-16.71-7.03c1.335 0 2.226-.845 2.226-2.204V15.25h9.516c1.171 0 2.015-.773 2.015-1.969c0-1.195-.844-1.969-2.015-1.969H7.164c-1.195 0-2.04.774-2.04 1.97s.845 1.968 2.04 1.968h9.516v27.914c0 1.36.843 2.203 2.18 2.203"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M35.57 52.398h13.688c1.054 0 1.617-.515 1.617-1.382c0-.891-.562-1.36-1.617-1.36h-5.274V6.32h5.274c1.054 0 1.617-.492 1.617-1.383c0-.867-.562-1.335-1.617-1.335H35.57c-1.078 0-1.617.468-1.617 1.336c0 .89.54 1.382 1.617 1.382h5.25v43.336h-5.25c-1.078 0-1.617.469-1.617 1.36c0 .867.54 1.382 1.617 1.382m-16.71-7.03c1.335 0 2.226-.845 2.226-2.204V15.25h9.516c1.171 0 2.015-.773 2.015-1.969c0-1.195-.844-1.969-2.015-1.969H7.164c-1.195 0-2.04.774-2.04 1.97s.845 1.968 2.04 1.968h9.516v27.914c0 1.36.843 2.203 2.18 2.203"/></svg>
</template>

CSS

.icon-text-cursor {
  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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M35.57%2052.398h13.688c1.054%200%201.617-.515%201.617-1.382c0-.891-.562-1.36-1.617-1.36h-5.274V6.32h5.274c1.054%200%201.617-.492%201.617-1.383c0-.867-.562-1.335-1.617-1.335H35.57c-1.078%200-1.617.468-1.617%201.336c0%20.89.54%201.382%201.617%201.382h5.25v43.336h-5.25c-1.078%200-1.617.469-1.617%201.36c0%20.867.54%201.382%201.617%201.382m-16.71-7.03c1.335%200%202.226-.845%202.226-2.204V15.25h9.516c1.171%200%202.015-.773%202.015-1.969c0-1.195-.844-1.969-2.015-1.969H7.164c-1.195%200-2.04.774-2.04%201.97s.845%201.968%202.04%201.968h9.516v27.914c0%201.36.843%202.203%202.18%202.203%22%2F%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M35.57%2052.398h13.688c1.054%200%201.617-.515%201.617-1.382c0-.891-.562-1.36-1.617-1.36h-5.274V6.32h5.274c1.054%200%201.617-.492%201.617-1.383c0-.867-.562-1.335-1.617-1.335H35.57c-1.078%200-1.617.468-1.617%201.336c0%20.89.54%201.382%201.617%201.382h5.25v43.336h-5.25c-1.078%200-1.617.469-1.617%201.36c0%20.867.54%201.382%201.617%201.382m-16.71-7.03c1.335%200%202.226-.845%202.226-2.204V15.25h9.516c1.171%200%202.015-.773%202.015-1.969c0-1.195-.844-1.969-2.015-1.969H7.164c-1.195%200-2.04.774-2.04%201.97s.845%201.968%202.04%201.968h9.516v27.914c0%201.36.843%202.203%202.18%202.203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/text-cursor.svg?color=%231a73e8&size=48