Ruler SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="amber" data-name="Amber"><path d="M82 422c-5 0-13-1-18 1-13 4-8 38-8 50 0 11-3 49 1 57 3 5 7 5 11 6 13 2 26 0 39 0 35 0 70 0 106 0 100 0 201 0 302 0 98 0 197 0 296 0 19 0 140 3 149 0 3-1 6-4 7-7 4-11 1-48 1-61 0-35 10-46-29-46 0 6 3 34-5 33s-5-27-5-33h-26c0 6 3 35-6 33-8-1-5-26-5-33h-26c0 7 4 35-6 33-8-1-5-26-5-33h-26c0 8 2 59 0 62-2 2-4 3-6 3-8-2-5-56-5-65h-26c0 9 5 31-6 35-8-7-4-26-4-35h-26c0 6 3 35-6 33-8-1-5-26-5-33h-26c0 7 4 35-6 33-8-1-5-27-5-33h-26c0 8 2 59 0 62-2 2-3 3-5 3-3 0-4-1-5-3-2-3 0-54 0-62h-26c0 11 5 30-7 35-8-7-4-26-4-35h-26c0 6 3 35-6 34-8-2-5-28-5-34h-26c0 7 4 35-6 33-8-1-5-27-5-33h-26c0 8 2 59 0 62-2 2-3 3-5 3-3 0-4-1-5-3-2-3 0-54 0-62h-26c0 6 3 35-6 33-8-1-5-26-5-33h-26c0 6 3 35-6 34-8-2-5-28-5-34h-26c0 6 4 37-7 33-6-2-3-26-4-33h-26c0 8 1 60-1 63-1 2-4 3-6 2-8-3-3-55-3-65h-27c0 7 4 35-6 33-8-1-5-27-5-33h-26c0 6 4 37-7 33-7-3-2-26-4-33h-26c0 9 5 31-6 35-8-7-4-26-4-35h-25c-5 11 4 63-6 65-2 0-4-1-6-3-2-3 0-54 0-62h-26c0 6 3 35-6 33-8-1-5-26-5-33h-26c0 11 5 30-7 35-8-7-4-26-4-35h-26c0 6 3 35-6 34-8-2-5-28-5-34h-26c0 8 4 50-6 49-8-2-5-41-5-49z" fill="#fac41d" stroke="#fac41d"/></g><g id="charcoal" data-name="Charcoal"><path d="M64 411c-8 2-15 7-18 15-3 11-3 90-1 103 2 8 7 14 15 17 17 6 78 0 100 1 39 2 77 0 116 0 47 0 94 1 142 0 93-1 187 2 280 1 55-1 110 0 165 0 25 0 51-2 77-1 9 0 18 2 27-2 6-2 10-9 12-16 4-19 0-56 0-77 0-11 2-25-6-34-12-13-72-7-90-7-91 0-183 0-273 0-91 0-182 0-273 0-65 0-130 0-195 0-23 0-56-4-78 0zm18 11c0 8-3 47 5 49 10 1 6-41 6-49h26c0 6-3 32 5 34 9 1 6-28 6-34h26c0 9-4 28 4 35 12-5 7-24 7-35h26c0 7-3 32 5 33 9 2 6-27 6-33h26c0 8-2 59 0 62 2 2 4 3 6 3 10-2 1-54 6-65h25c0 9-4 28 4 35 11-4 6-26 6-35h26c2 7-3 30 4 33 11 4 7-27 7-33h26c0 6-3 32 5 33 10 2 6-26 6-33h27c0 10-5 62 3 65 2 1 5 0 6-2 2-3 1-55 1-63h26c1 7-2 31 4 33 11 4 7-27 7-33h26c0 6-3 32 5 34 9 1 6-28 6-34h26c0 7-3 32 5 33 9 2 6-27 6-33h26c0 8-2 59 0 62 1 2 2 3 5 3 2 0 3-1 5-3 2-3 0-54 0-62h26c0 6-3 32 5 33 10 2 6-26 6-33h26c0 6-3 32 5 34 9 1 6-28 6-34h26c0 9-4 28 4 35 12-5 7-24 7-35h26c0 8-2 59 0 62 1 2 2 3 5 3 2 0 3-1 5-3 2-3 0-54 0-62h26c0 6-3 32 5 33 10 2 6-26 6-33h26c0 7-3 32 5 33 9 2 6-27 6-33h26c0 9-4 28 4 35 11-4 6-26 6-35h26c0 9-3 63 5 65 2 0 4-1 6-3 2-3 0-54 0-62h26c0 7-3 32 5 33 10 2 6-26 6-33h26c0 7-3 32 5 33 9 2 6-27 6-33h26c0 6-3 32 5 33s5-27 5-33c39 0 29 11 29 46 0 13 3 50-1 61-1 3-4 6-7 7-9 3-130 0-149 0-99 0-198 0-296 0-101 0-202 0-302 0-36 0-71 0-106 0-13 0-26 2-39 0-4-1-8-1-11-6-4-8-1-46-1-57 0-12-5-46 8-50 5-2 13-1 18-1z" fill="#292d34" stroke="#292d34"/></g></svg>

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

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

import RulerSvg from "./ruler.jsx"; // from the React tab above

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