Edit Note SVG icon, line

Edit Note SVG icon, line

A diagonal pencil crosses the lower corner of a note sheet marked with two lines. Use it for editing a memo or updating task notes.

Similar SVGs

More from Files and folders icons, line · Set 2

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/j1QBNlf6dN-D/amnt.svg" alt="Edit Note" 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="cream" data-name="Cream"><path d="M604 113c-91 0-182 0-273 0-27 0-55-3-81 0-47 6-43 51-43 86 0 20 0 42 0 63 0 90 0 181 0 272 0 45 0 90 0 136 0 28-4 62 0 89 2 12 9 22 17 29 7 6 15 10 24 12 26 4 67 0 95 1 6 0 53 0 54-1 4-2 18-50 20-57 9-26 106-115 131-141 45-47 90-92 136-137 8-9 59-57 61-63 2-3 1-7 1-10 2-45 0-91 0-136-152 0-142 9-142-143zM313 317c17-3 37 0 55 0 44 0 88 0 133 0 31 0 62 0 94 0 10 0 23-2 33 2 17 6 12 30-5 33-16 3-36 0-52 0-45 0-91 0-135 0-32 0-63 0-94 0-11 0-25 2-35-2-17-6-10-30 6-33zm0 101c17-3 37 0 55 0 44 0 88 0 133 0 31 0 62 0 94 0 10 0 23-2 33 2 17 6 12 30-5 33-16 3-36 0-52 0-45 0-91 0-135 0-32 0-63 0-94 0-11 0-23 2-33-1-19-5-13-31 4-34z" fill="#fcf2d5" stroke="#fcf2d5"/><path d="M746 617c-39 39-77 79-116 118-15 15-55 49-64 65 24 0 48 0 72 0 23 0 51 4 72-1 8-2 15-7 21-12 8-8 13-18 15-29 2-14 0-30 0-44 0-33 0-65 0-97z" fill="#fcf2d5" stroke="#fcf2d5"/><path d="M628 122c0 124-15 110 110 110z" fill="#fcf2d5" stroke="#fcf2d5"/><path d="M770 410l-23 25c27 20 51 47 75 71l22-22c-7-18-57-61-74-74z" fill="#fcf2d5" stroke="#fcf2d5"/></g><g id="black" data-name="Black"><path d="M772 372c-5-31 4-116-4-137-6-19-28-34-41-48-19-18-82-87-99-95-10-5-21-4-31-4-73 0-146 1-218 1-27 0-54-1-81-1-43 0-84-3-107 40-4 7-7 15-8 23-3 21-1 44-1 66 0 44 0 88 0 132 0 76 0 152 0 229 0 40 0 80 0 121 0 20-2 42 1 62 2 12 6 22 13 32 10 14 26 26 44 30 22 4 57 2 80 1 22-1 46 1 69 1-5 13-23 58-21 68 2 7 9 11 15 11 10-1 32-14 41-18 29-13 79-33 103-48 5-3 7-7 12-10 11-7 133-3 158-4 32-1 62-20 71-53 4-14 2-30 2-45 0-22-4-121 1-134 3-7 13-14 19-19 28-29 56-58 85-86 13-13 28-26 32-45 7-34-14-55-36-76-7-6-12-12-20-17-30-17-60-2-79 23zM604 113c0 152-10 143 142 143 0 45 2 91 0 136 0 3 1 7-1 10-2 6-53 54-61 63-46 45-91 90-136 137-25 26-122 115-131 141-2 7-16 55-20 57-1 1-48 1-54 1-28-1-69 3-95-1-9-2-17-6-24-12-8-7-15-17-17-29-4-27 0-61 0-89 0-46 0-91 0-136 0-91 0-182 0-272 0-21 0-43 0-63 0-35-4-80 43-86 26-3 54 0 81 0 91 0 182 0 273 0zm24 9l110 110c-125 0-110 14-110-110zM861 466c-12-17-59-66-76-73 35-34 36-39 75-4 32 30 32 45 1 77zm-91-56c17 13 67 56 74 74l-22 22c-24-24-48-51-75-71zm-39 40l75 73c-62 61-122 123-183 185-19 19-70 64-82 84-19-24-48-59-77-70 45-45 89-91 134-136 19-20 125-122 133-136zm15 167c0 32 0 64 0 97 0 14 2 30 0 44-2 11-7 21-15 29-6 5-13 10-21 12-21 5-49 1-72 1-24 0-48 0-72 0 9-16 49-50 64-65 39-39 77-79 116-118zM444 850c-8-12-16-22-30-26 9-17 19-67 28-78 2-3 5-5 8-5 10 0 34 23 41 30 6 5 30 27 31 34 0 5-1 8-5 11-8 8-59 27-73 34z" fill="#272929" stroke="#272929"/><path d="M313 418c-17 3-23 29-4 34 10 3 22 1 33 1 31 0 62 0 94 0 44 0 90 0 135 0 16 0 36 3 52 0 17-3 22-27 5-33-10-4-23-2-33-2-32 0-63 0-94 0-45 0-89 0-133 0-18 0-38-3-55 0z" fill="#272929" stroke="#272929"/><path d="M313 317c-16 3-23 27-6 33 10 4 24 2 35 2 31 0 62 0 94 0 44 0 90 0 135 0 16 0 36 3 52 0 17-3 22-27 5-33-10-4-23-2-33-2-32 0-63 0-94 0-45 0-89 0-133 0-18 0-38-3-55 0z" fill="#272929" stroke="#272929"/><path d="M736 506c-8 2-107 107-121 121-21 20-40 41-60 61-7 7-45 42-46 48-1 3 0 7 3 9 2 3 5 4 9 3 6 0 108-107 122-120 20-20 39-41 60-61 6-7 44-42 45-47 1-3 2-8-1-11-2-3-7-4-11-3z" fill="#272929" stroke="#272929"/></g><g id="amber" data-name="Amber"><path d="M731 450c-8 14-114 116-133 136-45 45-89 91-134 136 29 11 58 46 77 70 12-20 63-65 82-84 61-62 121-124 183-185zm5 56c4-1 9 0 11 3 3 3 2 8 1 11-1 5-39 40-45 47-21 20-40 41-60 61-14 13-116 120-122 120-4 1-7 0-9-3-3-2-4-6-3-9 1-6 39-41 46-48 20-20 39-41 60-61 14-14 113-119 121-121z" fill="#fdd103" stroke="#fdd103"/></g><g id="coral" data-name="Coral"><path d="M444 850c14-7 65-26 73-34 4-3 5-6 5-11-1-7-25-29-31-34-7-7-31-30-41-30-3 0-6 2-8 5-9 11-19 61-28 78 14 4 22 14 30 26z" fill="#fc7662" stroke="#fc7662"/><path d="M861 466c31-32 31-47-1-77-39-35-40-30-75 4 17 7 64 56 76 73z" fill="#fc7662" stroke="#fc7662"/></g></svg>
CSS background-image
.edit-note {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/j1QBNlf6dN-D/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.edit-note {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/j1QBNlf6dN-D/amnt.svg") center / contain no-repeat;
}
React
import EditNoteSvg from "./edit-note.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words Edit Note: Note sheet with two short lines and a diagonal pencil crossing its lower corner. A flat colour icon. as part of the pack Files and folders icons, line · 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