Article SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="white" data-name="White"><path d="M661 108c-102 0-204 0-305 0-22 0-104-4-119 3-7 3-13 9-15 17-6 18-2 123-2 150 0 101 0 203 0 305 0 50 0 101 0 152 0 25-4 106 1 125 2 6 6 11 11 15 13 10 116 5 140 5 49 0 98 0 148 0s100 0 151 0c21 0 97 4 112-1 8-2 16-8 19-16 6-16 2-125 2-150 0-51 0-102 0-152 0-102 0-203 0-304-30 0-77 4-104 0-10-2-21-7-27-15-7-7-11-17-12-26-4-32 0-74 0-108zM288 257c12-2 27 0 40 0 30 0 59 0 90 0 26 0 81-4 104 0 7 1 13 5 16 10 10 14 5 104 5 127 0 18 4 78-2 92-4 9-14 13-24 13-40 1-82-1-122-1-27 0-54-1-80 0-9 0-18 2-26 1-6-1-12-3-16-7-3-2-5-7-6-11-2-10 0-21 0-31 0-28 0-55 0-82 0-20-4-81 2-96 2-8 10-13 19-15zm308 70c18-3 81 0 104 0 14 0 36-4 49 2 15 7 10 27-5 30-17 3-81 0-103 0-13 0-40 3-51-2-13-7-8-27 6-30zm-1 69c16-4 82 0 104 0 13 0 38-3 50 2 14 6 10 26-4 30-17 4-82 0-103 0-14 0-40 3-51-2-14-6-10-26 4-30zm1 70c18-3 81 0 104 0 12 0 39-3 50 2 15 7 8 28-7 30-20 3-79 0-103 0-13 0-38 3-49-2-14-6-9-27 5-30zM291 544c86 0 174 1 261 1 43 0 87 0 131 0 16 0 49-4 64 1 17 4 17 30-12 31-88 2-175 0-262 0-44 0-88 0-131 0-16 0-51 3-64-1-20-6-14-32 13-32zm-12 74c16-4 49 0 67 0 64 0 129 0 194 0 43 0 87 0 131 0 21 0 43-1 65 0 28 1 28 27 10 32-14 4-47 0-63 0-66 0-132 0-197 0-44 0-88 0-131 0-22 0-44 1-65 0-30-1-29-27-11-32zm-1 73c14-3 47 0 63 0 66 0 131 0 198 0 43 0 87 0 131 0 21 0 43 0 65 0 29 1 29 26 12 31-14 5-48 1-63 1-66 0-132 0-197 0-44 0-88 0-131 0-22 0-44 0-65 0-32-1-29-27-13-32zm3 72c18-4 50 0 71 0 63 0 127 0 191 0 43 0 87 0 131 0 21 0 44-2 65 0 23 2 27 29 4 33-20 3-51 0-72 0-64 0-126 0-189 0-44 0-88 0-131 0-22 0-45 3-66 0-21-2-26-28-4-33z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M692 129c0 15-3 85 4 92 7 8 77 5 92 5z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="navy" data-name="Navy"><path d="M248 77c-71 6-59 75-59 127 0 61 0 123 0 185 0 123 0 246 0 370 0 20 0 40 0 61 0 35-2 71 37 87 22 9 147 4 181 4 82 0 165 0 248 0 40 0 81 1 122 0 70-3 58-77 58-126 0-62 0-124 0-185 0-62 0-124 0-185 0-27 4-170-3-183-4-9-77-81-90-94-11-10-52-56-61-60-13-4-48-1-63-1-83 0-166 0-248 0-41 0-82-3-122 0zm413 31c0 34-4 76 0 108 1 9 5 19 12 26 6 8 17 13 27 15 27 4 74 0 104 0 0 101 0 202 0 304 0 50 0 101 0 152 0 25 4 134-2 150-3 8-11 14-19 16-15 5-91 1-112 1-51 0-101 0-151 0s-99 0-148 0c-24 0-127 5-140-5-5-4-9-9-11-15-5-19-1-100-1-125 0-51 0-102 0-152 0-102 0-204 0-305 0-27-4-132 2-150 2-8 8-14 15-17 15-7 97-3 119-3 101 0 203 0 305 0zm31 21l96 97c-15 0-85 3-92-5-7-7-4-77-4-92z" fill="#012355" stroke="#012355"/><path d="M288 257c-9 2-17 7-19 15-6 15-2 76-2 96 0 27 0 54 0 82 0 10-2 21 0 31 1 4 3 9 6 11 4 4 10 6 16 7 8 1 17-1 26-1 26-1 53 0 80 0 40 0 82 2 122 1 10 0 20-4 24-13 6-14 2-74 2-92 0-23 5-113-5-127-3-5-9-9-16-10-23-4-78 0-104 0-31 0-60 0-90 0-13 0-28-2-40 0zm4 25h226v189c-13-12-35-51-47-57-5-3-11-3-16 0-8 5-15 18-21 25-14-12-43-67-57-70-8-3-14 0-19 6-9 10-16 23-25 34-13 19-29 37-41 56z" fill="#012355" stroke="#012355"/><path d="M281 763c-22 5-17 31 4 33 21 3 44 0 66 0 43 0 87 0 131 0 63 0 125 0 189 0 21 0 52 3 72 0 23-4 19-31-4-33-21-2-44 0-65 0-44 0-88 0-131 0-64 0-128 0-191 0-21 0-53-4-71 0z" fill="#012355" stroke="#012355"/><path d="M291 544c-27 0-33 26-13 32 13 4 48 1 64 1 43 0 87 0 131 0 87 0 174 2 262 0 29-1 29-27 12-31-15-5-48-1-64-1-44 0-88 0-131 0-87 0-175-1-261-1z" fill="#012355" stroke="#012355"/><path d="M278 691c-16 5-19 31 13 32 21 0 43 0 65 0 43 0 87 0 131 0 65 0 131 0 197 0 15 0 49 4 63-1 17-5 17-30-12-31-22 0-44 0-65 0-44 0-88 0-131 0-67 0-132 0-198 0-16 0-49-3-63 0z" fill="#012355" stroke="#012355"/><path d="M279 618c-18 5-19 31 11 32 21 1 43 0 65 0 43 0 87 0 131 0 65 0 131 0 197 0 16 0 49 4 63 0 18-5 18-31-10-32-22-1-44 0-65 0-44 0-88 0-131 0-65 0-130 0-194 0-18 0-51-4-67 0z" fill="#012355" stroke="#012355"/><path d="M596 466c-14 3-19 24-5 30 11 5 36 2 49 2 24 0 83 3 103 0 15-2 22-23 7-30-11-5-38-2-50-2-23 0-86-3-104 0z" fill="#012355" stroke="#012355"/><path d="M596 327c-14 3-19 23-6 30 11 5 38 2 51 2 22 0 86 3 103 0 15-3 20-23 5-
…

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

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

import ArticleSvg from "./article.jsx"; // from the React tab above

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