Rule SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/W5x81xMBLLeR/amnt.svg" alt="Rule" 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="M608 143c-87 0-174 0-260 0-35 0-90-12-93 38-2 43 0 86 0 130 0 86 0 173 0 260 0 43 0 86 0 130 0 26-7 101 12 117 17 15 96 9 122 9 43 0 86 0 130 0 43 0 86 0 130 0 21 0 84 4 101-4 5-2 10-7 13-11 12-18 6-100 6-124 0-44 0-87 0-130 0-87 0-173 0-259-28 0-57 0-85 0-13 0-26 2-38 0-9-1-18-6-24-12-7-6-12-15-14-24-2-12 0-25 0-37 0-28 0-56 0-83zM308 401v-9c1-12 9-23 20-28 18-8 156-4 186-4 29 0 165-4 182 4 12 5 21 18 21 32 0 15-10 31-25 35-19 5-147 1-176 1s-170 4-186-2c-12-5-21-17-22-29zm0 119c2-15 16-29 31-30h346c41 0 43 67-1 71-14 1-28 0-42 0-31 0-63 0-93 0-46 0-91 0-136 0-27 0-107 12-105-32zm394 70c23-1 35 26 30 45-4 14-18 25-27 35-14 15-52 64-69 70-9 3-19 3-28-2-10-5-46-43-50-54-12-29 16-56 44-48 10 3 15 11 22 17 15-15 48-63 69-63zM308 672v-8c1-36 43-32 68-32 16 0 32 0 48 0s32 0 49 0c26 0 64-2 64 36s-37 36-64 36c-16 0-32 0-48 0-17 0-33 0-49 0-26 0-66 3-68-32z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="navy" data-name="Navy"><path d="M282 116c-22 3-43 17-51 37-3 6-5 14-6 21-2 22 0 45 0 68 0 48 0 97 0 146 0 109 0 218 0 328 0 41-12 108 33 130 28 14 121 8 157 8 72 0 145 0 218 0 35 0 73 3 108-1 24-3 45-16 53-38 10-24 5-194 5-232 0-55 0-110 0-164 0-32 0-64 0-95 0-14 2-28 0-41-2-7-6-13-10-18-20-21-42-42-62-61-21-19-64-71-86-83-10-6-20-5-31-5-75 0-149 0-223 0-35 0-71-3-105 0zm326 27c0 27 0 55 0 83 0 12-2 25 0 37 2 9 7 18 14 24 6 6 15 11 24 12 12 2 25 0 38 0 28 0 57 0 85 0 0 86 0 172 0 259 0 43 0 86 0 130 0 24 6 106-6 124-3 4-8 9-13 11-17 8-80 4-101 4-44 0-87 0-130 0-44 0-87 0-130 0-26 0-105 6-122-9-19-16-12-91-12-117 0-44 0-87 0-130 0-87 0-174 0-260 0-44-2-87 0-130 3-50 58-38 93-38 86 0 173 0 260 0zm29 12l120 118c-23 0-87 3-105 0-4-1-7-2-9-5-3-3-5-6-6-10-3-18 0-81 0-103z" fill="#031635" stroke="#031635"/><path d="M339 378c16-4 38 0 55 0 50 0 102 0 153 0 34 0 69 0 104 0 11 0 25-2 36 1 20 5 14 33-4 36-26 5-55 0-82 0-40 0-79 1-119 1-35 0-70 0-104 0-14 0-37 4-47-5-11-10-6-29 8-33zm-31 14v9c1 12 10 24 22 29 16 6 157 2 186 2s157 4 176-1c15-4 25-20 25-35 0-14-9-27-21-32-17-8-153-4-182-4-30 0-168-4-186 4-11 5-19 16-20 28z" fill="#031635" stroke="#031635"/><path d="M339 507c16-4 38 0 55 0 51 0 103 0 155 0 34 0 70 0 105 0 10 0 22-2 32 0 22 5 17 36-8 38-9 1-18-1-27-1-20 0-42 0-62 0-37 0-74 1-111 1-33 0-67 0-100 0-13 0-37 3-46-5-12-9-8-29 7-33zm346-17h-346c-15 1-29 15-31 30v9c-2 44 78 32 105 32 45 0 90 0 136 0 30 0 62 0 93 0 14 0 28 1 42 0 44-4 42-71 1-71z" fill="#031635" stroke="#031635"/><path d="M340 649c18-3 91 0 116 0 14 0 43-4 55 3 15 8 10 31-6 34-17 5-92 1-115 1-15 0-44 4-56-3-15-8-10-31 6-35zm-32 15v8c2 35 42 32 68 32 16 0 32 0 49 0 16 0 32 0 48 0 27 0 64 2 64-36s-38-36-64-36c-17 0-33 0-49 0s-32 0-48 0c-25 0-67-4-68 32z" fill="#031635" stroke="#031635"/><path d="M624 678c13-13 59-71 73-72 6 0 12 3 16 8 4 6 4 12 1 19-3 10-36 42-45 52-12 13-33 47-53 38-9-4-18-17-24-24-6-6-16-13-18-21-7-17 10-32 26-24 9 4 17 16 24 24zm78-88h-9c-21 0-54 48-69 63-7-6-12-14-22-17-28-8-56 19-44 48 4 11 40 49 50 54 9 5 19 5 28 2 17-6 55-55 69-70 9-10 23-21 27-35 5-19-7-46-30-45z" fill="#031635" stroke="#031635"/></g><g id="blue" data-name="Blue"><path d="M339 378c-14 4-19 23-8 33 10 9 33 5 47 5 34 0 69 0 104 0 40 0 79-1 119-1 27 0 56 5 82 0 18-3 24-31 4-36-11-3-25-1-36-1-35 0-70 0-104 0-51 0-103 0-153 0-17 0-39-4-55 0z" fill="#0176ea" stroke="#0176ea"/><path d="M339 507c-15 4-19 24-7 33 9 8 33 5 46 5 33 0 67 0 100 0 37 0 74-1 111-1 20 0 42 0 62 0 9 0 18 2 27 1 25-2 30-33 8-38-10-2-22 0-32 0-35 0-71 0-105 0-52 0-104 0-155 0-17 0-39-4-55 0z" fill="#0176ea" stroke="#0176ea"/><path d="M340 649c-16 4-21 27-6 35 12 7 41 3 56 3 23 0 98 4 115-1 16-3 21-26 6-34-12-7-41-3-55-3-25 0-98-3-116 0z" fill="#0176ea" stroke="#0176ea"/><path d="M339 490h346z" fill="#0176ea" stroke="#0176ea"/><path d="M308 401v-9z" fill="#0176ea" stroke="#0176ea"/><path d="M308 529v-9z" fill="#0176ea" stroke="#0176ea"/><path d="M693 590h9z" fill="#0176ea" stroke="#0176ea"/><path
…

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

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

import RuleSvg from "./rule.jsx"; // from the React tab above

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