Colours and style

Every picture in the library follows these, and so does every download.

Colour of single-colour icons
Palette for colourful pictures
As drawn
100%
Text Cursor SVG element, flat

Text Cursor SVG element, flat

A tall I-beam with bars at both ends marks where text can be entered. Place it in writing app mockups or form-filling tutorials.

Similar SVGs

More from Cursors, flat · Set 2

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/7UsX85ja7RXX/amnt.svg" alt="Text Cursor" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="blue" data-name="Blue"><path d="M396 53c-26 2-40 32-20 51 15 15 58 9 80 9 5 0 13-2 17 2 7 5 4 56 4 67 0 29 0 59 0 89 0 119 0 237 0 357 0 59 0 119 0 179 0 22 3 71 0 89-1 6-2 10-8 11-13 5-53 0-69 1-26 1-47 26-26 49 14 16 58 10 79 10 40 0 81 0 122 0 18 0 37 2 55 0 25-3 39-34 19-51-16-15-60-7-81-8-6 0-13 1-17-4-7-7-3-55-3-66 0-30 0-60 0-89 0-120 0-238 0-357 0-60 0-120 0-179 0-20-3-75 0-90 1-4 2-8 6-9 10-5 58 0 73-1 26-2 43-29 24-50-15-16-60-9-80-9-42 0-83 0-124 0-17 0-35-2-51-1z" fill="#0172fb" stroke="#0172fb"/></g><g id="navy" data-name="Navy"><path d="M569 133c38 0 97 11 109-38 3-13 1-25-5-37-19-35-66-25-99-25-20 0-40-2-60-1-30 1-60 0-90 1-13 1-28-2-41 1s-26 13-32 25c-7 13-8 27-3 40 19 55 78 23 108 36v752c-36 0-94-11-108 34-4 14-3 27 3 40 5 10 15 20 27 24 21 8 107 3 136 3 27 0 112 4 133-3 12-5 22-14 28-26s6-25 2-38c-15-45-72-34-108-34zM396 53c16-1 34 1 51 1 41 0 82 0 124 0 20 0 65-7 80 9 19 21 2 48-24 50-15 1-63-4-73 1-4 1-5 5-6 9-3 15 0 70 0 90 0 59 0 119 0 179 0 119 0 237 0 357 0 29 0 59 0 89 0 11-4 59 3 66 4 5 11 4 17 4 21 1 65-7 81 8 20 17 6 48-19 51-18 2-37 0-55 0-41 0-82 0-122 0-21 0-65 6-79-10-21-23 0-48 26-49 16-1 56 4 69-1 6-1 7-5 8-11 3-18 0-67 0-89 0-60 0-120 0-179 0-120 0-238 0-357 0-30 0-60 0-89 0-11 3-62-4-67-4-4-12-2-17-2-22 0-65 6-80-9-20-19-6-49 20-51z" fill="#01235e" stroke="#01235e"/></g></svg>
CSS background-image
.text-cursor {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/7UsX85ja7RXX/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.text-cursor {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/7UsX85ja7RXX/amnt.svg") center / contain no-repeat;
}
React
import TextCursorSvg from "./text-cursor.jsx"; // from the React tab above

<TextCursorSvg width={48} height={48} />

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words Text Cursor: A tall I-beam with horizontal bars at the top and bottom. A flat element. as part of the pack Cursors, flat · Set 2. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings