Diagonal Resize Cursor SVG element, flat

Diagonal Resize Cursor SVG element, flat

A double-headed arrow runs from bottom left to top right to indicate corner resizing. Place it in window controls or graphic design 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/Ahg85MJPcMa5/amnt.svg" alt="Diagonal Resize 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="graphite" data-name="Graphite"><path d="M911 104l-208 53c7 8 52 47 53 53 1 2 1 5 1 7-1 5-21 21-25 26-27 26-54 53-81 81-42 42-85 85-127 127-11 12-24 22-34 34-52 56-108 109-162 163-27 26-54 53-81 81-6 5-20 25-27 26-3 1-5 1-8 0-6-1-43-43-50-50-15 62-28 124-43 185-1 4-6 22-4 24s59-13 68-15c30-7 60-14 91-22 52-13 57-2 19-40-33-34-35-25 0-59 38-38 75-76 113-113 75-76 151-152 227-228 37-38 75-76 113-113 10-11 47-52 57-57 2-2 4-3 7-2 4 0 46 45 53 52z" fill="#3b3936" stroke="#3b3936"/></g><g id="black" data-name="Black"><path d="M808 281c7 7 49 51 54 52 5 2 8 3 11-2 5-5 14-61 17-72 7-29 13-58 20-87 3-12 18-69 17-76-1-3-2-6-5-8-4-1-152 37-169 42-9 2-66 15-68 18-5 6 0 9 3 14 16 19 36 35 54 52l-526 527c-8-8-47-51-53-53-3-2-7-3-10 0-3 2-16 66-18 74-7 29-14 58-20 86-3 12-19 70-18 76 1 4 2 6 5 7 6 2 153-35 172-40 10-2 63-12 66-18 3-5-1-9-4-13-17-19-36-35-54-52zM911 104l-48 213c-7-7-49-52-53-52-3-1-5 0-7 2-10 5-47 46-57 57-38 37-76 75-113 113-76 76-152 152-227 228-38 37-75 75-113 113-35 34-33 25 0 59 38 38 33 27-19 40-31 8-61 15-91 22-9 2-66 17-68 15s3-20 4-24c15-61 28-123 43-185 7 7 44 49 50 50 3 1 5 1 8 0 7-1 21-21 27-26 27-28 54-55 81-81 54-54 110-107 162-163 10-12 23-22 34-34 42-42 85-85 127-127 27-28 54-55 81-81 4-5 24-21 25-26 0-2 0-5-1-7-1-6-46-45-53-53z" fill="#010101" stroke="#010101"/></g></svg>
CSS background-image
.diagonal-resize-cursor {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Ahg85MJPcMa5/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.diagonal-resize-cursor {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Ahg85MJPcMa5/amnt.svg") center / contain no-repeat;
}
React
import DiagonalResizeCursorSvg from "./diagonal-resize-cursor.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words Diagonal Resize Cursor: A double-headed arrow running diagonally from bottom left to top right. 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