Attachment SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/x-cnVy4N01Uu/amnt.svg" alt="Attachment" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="red" data-name="Red"><path d="M753 39c-33 3-66 14-93 33-20 14-36 33-54 51-36 36-72 73-108 110-75 74-148 150-223 225-35 34-69 69-103 104-24 24-51 47-70 74-14 20-24 43-30 66-30 124 65 247 194 241 30-1 60-11 85-26 34-21 73-65 101-95 22-25 47-47 71-71 74-75 149-149 224-224 61-61 178-166 199-249 32-125-60-249-193-239zm2 58c121-10 178 126 110 218-28 37-59 71-88 107-9 11-13 24-22 36-18 26-44 48-66 71-65 65-130 130-195 195-16 16-32 32-48 48-11 11-21 19-36 22-3 0-7-1-11 1-5 2-10 10-14 14-33 36-68 73-120 76-116 7-180-130-112-221 20-28 49-52 74-76 40-40 79-81 119-121 64-65 128-131 193-195 35-35 69-69 103-104 17-18 33-38 54-51 17-11 38-18 59-20z" fill="#fc0202" stroke="#fc0202"/><path d="M660 272c-17 1-34 8-48 18-20 14-37 35-54 52-36 36-72 72-108 108-32 32-64 65-96 97-8 8-20 16-24 27-9 23 12 46 36 37 12-4 22-20 31-28 64-65 129-129 194-194 21-21 56-72 89-55 9 4 16 12 20 21 20 47-36 90-65 120-65 64-129 129-193 194-12 12-59 53-63 65-3 9-3 18 2 26 3 7 12 13 20 14 6 0 12-1 18-5 15-8 69-68 86-84 64-64 128-129 193-194 36-36 69-73 63-128-5-51-48-94-101-91z" fill="#fc0202" stroke="#fc0202"/></g><g id="grape" data-name="Grape"><path d="M755 97c-21 2-42 9-59 20-21 13-37 33-54 51-34 35-68 69-103 104-65 64-129 130-193 195-40 40-79 81-119 121-25 24-54 48-74 76-68 91-4 228 112 221 52-3 87-40 120-76 4-4 9-12 14-14 4-2 8-1 11-1 15-3 25-11 36-22 16-16 32-32 48-48 65-65 130-130 195-195 22-23 48-45 66-71 9-12 13-25 22-36 29-36 60-70 88-107 68-92 11-228-110-218zm27 288c0-19-1-38-8-56-22-61-93-94-153-67-35 15-128 114-158 146-35 37-72 72-107 108-14 14-35 28-43 46-21 40 22 88 63 67 19-9 61-58 78-75 52-49 101-102 152-152 10-10 41-46 52-50 6-2 13-1 18 4 5 4 8 12 8 19 1 29-46 67-65 87-51 51-101 102-152 153-21 20-97 90-106 111-10 22-2 46 17 60-8 11-19 21-29 31-10 9-19 20-30 28-34 24-80 26-116 6-65-37-76-127-28-182 31-36 67-69 102-103 55-55 110-111 165-166 50-50 102-100 149-152 24-25 95-102 120-116 66-38 151 2 162 77 12 81-53 118-91 176zM660 272c53-3 96 40 101 91 6 55-27 92-63 128-65 65-129 130-193 194-17 16-71 76-86 84-6 4-12 5-18 5-8-1-17-7-20-14-5-8-5-17-2-26 4-12 51-53 63-65 64-65 128-130 193-194 29-30 85-73 65-120-4-9-11-17-20-21-33-17-68 34-89 55-65 65-130 129-194 194-9 8-19 24-31 28-24 9-45-14-36-37 4-11 16-19 24-27 32-32 64-65 96-97 36-36 72-72 108-108 17-17 34-38 54-52 14-10 31-17 48-18z" fill="#020b55" stroke="#020b55"/><path d="M750 19c-87 7-135 65-192 123-24 26-51 51-76 77-77 79-155 158-233 236-31 31-62 62-93 94-26 25-55 50-74 80-18 28-30 60-34 92-15 134 85 248 222 242 82-4 125-55 180-109 29-30 59-60 89-89 78-79 155-157 234-235 45-45 91-91 131-140 14-18 29-34 40-54 13-23 22-49 27-76 21-134-86-251-221-241zm3 20c133-10 225 114 193 239-21 83-138 188-199 249-75 75-150 149-224 224-24 24-49 46-71 71-28 30-67 74-101 95-25 15-55 25-85 26-129 6-224-117-194-241 6-23 16-46 30-66 19-27 46-50 70-74 34-35 68-70 103-104 75-75 148-151 223-225 36-37 72-74 108-110 18-18 34-37 54-51 27-19 60-30 93-33z" fill="#020b55" stroke="#020b55"/></g></svg>

.attachment {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/x-cnVy4N01Uu/amnt.svg");
  background-size: contain;
}

.attachment {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/x-cnVy4N01Uu/amnt.svg") center / contain no-repeat;
}

import AttachmentSvg from "./attachment.jsx"; // from the React tab above

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