Dotted Frame SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="black" data-name="Black"><path d="M321 870c-10-33-56-30-55 4s53 35 55 1c8 33 42 34 54 3 3 5 4 10 8 14 17 20 41 6 48-15 6 20 29 34 46 16 5-5 6-11 9-16 7 31 47 31 54 0 6 20 31 34 48 15 4-4 5-10 8-15 6 18 24 32 42 19 7-5 9-12 13-19 4 34 48 30 55-2 3 21 27 35 45 19 5-4 7-11 10-17 10 33 45 31 55-2 3 34 55 33 55-2 0-33-52-35-55-1-9-32-45-35-55-2-10-31-51-32-55 2-6-32-51-35-55-2-4-6-5-13-12-18-16-13-41-3-43 18-3-5-4-11-9-16-17-18-39-4-47 15-9-32-46-29-55 1-7-30-48-31-54 0-10-32-45-31-56 0-7-31-47-32-54 0zm-32-18c27-5 36 38 9 43s-36-38-9-43zm55 0c27-4 36 38 9 43s-36-38-9-43zm55 0c28-4 35 39 7 43-27 3-34-38-7-43zm54 0c27-5 37 37 10 42-27 6-37-37-10-42zm55 0c27-5 37 38 9 43-27 4-36-38-9-43zm55 0c27-5 37 38 9 43-27 4-37-38-9-43zm55 0c27-5 37 38 9 43-27 4-36-38-9-43zm56 0c28-4 35 39 7 43-27 4-35-39-7-43zm55 0c27-4 35 38 8 43s-35-38-8-43zm55 0c27-4 36 39 8 43-27 4-36-38-8-43zm55 0c27-4 36 38 9 43s-36-38-9-43z" fill="#020102" stroke="#020102"/><path d="M320 144c-3-32-54-30-54 3 0 32 48 36 55 5 2 4 4 10 8 14 16 18 41 5 47-15 9 30 45 30 55 0 9 31 45 31 55 0 4 30 50 31 53 0 3 6 5 12 10 16 18 17 41 3 46-17 11 33 53 33 55-2 11 34 42 36 56 3 11 30 45 33 54-1 13 35 52 31 56-1 11 36 56 32 54-3-2-34-51-33-54 0-10-32-48-36-55-2-7-22-36-35-51-11-2 3-3 6-4 10-3-6-4-11-9-15-16-15-43-6-46 16-3-4-3-9-6-12-17-25-43-9-50 14-3-34-42-33-55-3-8-29-50-30-54 1-8-19-28-36-47-16-4 4-6 10-9 15-9-33-45-29-55 1-4-29-38-35-55 0zm-32-18c27-6 38 36 11 42s-38-36-11-42zm55 0c27-5 37 36 10 42-26 6-37-36-10-42zm55 0c28-5 37 38 9 42-26 5-36-37-9-42zm55 0c28-5 37 37 10 42s-37-36-10-42zm55 0c28-5 37 37 9 42-27 5-36-37-9-42zm55 0c27-5 36 37 9 42s-36-37-9-42zm54 0c28-6 38 36 11 42s-38-36-11-42zm56 0c28-5 36 38 9 42-27 5-36-37-9-42zm55 0c28-5 37 37 10 42s-37-37-10-42zm55 0c28-5 38 37 10 42-27 5-37-37-10-42zm55 0c27-5 38 36 10 42-26 6-37-36-10-42z" fill="#020102" stroke="#020102"/><path d="M322 253c-4-7-6-14-13-19-17-12-43 0-43 22-1 34 46 37 55 3 2 33 45 31 55 1 9 33 47 31 55-2 4 21 28 36 46 18 4-4 6-10 9-15 5 31 46 28 54 1 13 29 45 30 55-2 10 33 44 29 56 0 10 33 43 29 55 0 10 34 44 30 55-1 4 33 54 32 54-2s-43-39-54-4c-11-32-50-33-55 2-8-32-46-36-56-3-7-32-46-29-55 1-9-30-48-33-54-1-4-7-6-14-13-18-18-12-40 0-42 20-7-32-51-34-55-1-6-18-26-32-44-19-7 5-8 12-12 18-8-30-49-31-53 1zm-34-18c27-6 38 37 11 42-27 6-38-36-11-42zm55 0c27-5 38 36 11 42-28 6-38-36-11-42zm54 0c27-6 39 36 12 42-27 7-39-36-12-42zm56 0c28-5 37 37 10 42s-37-37-10-42zm54 0c27-6 38 36 11 42s-38-36-11-42zm56 0c28-5 37 38 9 42-27 5-36-37-9-42zm54 0c28-6 38 37 11 42s-38-36-11-42zm55 0c28-6 38 37 11 42-27 6-38-36-11-42zm56 0c28-5 36 38 9 42-27 5-36-37-9-42zm55 0c28-5 38 37 10 42-27 5-38-37-10-42z" fill="#020102" stroke="#020102"/><path d="M486 755c-4-6-6-13-12-17-17-13-43-1-43 22 0 22 29 36 46 19 4-4 6-10 9-15 9 33 39 29 55 0 3 20 27 30 43 17 6-5 8-11 12-18 6 32 42 31 55 0 7 32 45 30 55 0 10 34 54 30 54-4 0-23-30-36-46-19-5 4-6 10-8 15-3-5-5-12-9-15-17-16-41-5-46 15-4-6-6-14-13-18-18-11-37 0-42 18-4-6-5-13-12-17-17-13-39-2-44 18-7-30-46-30-54-1zm-32-17c28-4 35 39 7 43-26 3-34-38-7-43zm55 0c28-4 35 39 7 43-27 4-35-39-7-43zm55 0c28-4 35 39 7 43-27 4-35-39-7-43zm55 0c28-4 35 39 7 43-27 4-35-39-7-43zm55 0c28-4 35 39 7 43-27 4-35-39-7-43zm55 0c28-4 35 39 7 43-27 3-35-39-7-43z" fill="#020102" stroke="#020102"/><path d="M906 175c6-3 12-5 16-11 14-17 1-44-21-44-33 0-37 44-5 54-31 16-29 50 3 55-37 11-31 56 3 55 32-1 35-51 2-54 31-13 33-46 2-55zm-10-49c28-5 37 38 9 42-26 4-36-37-9-42zm1 54c27-4 35 38 8 43-28 5-36-38-8-43zm0 55c27-4 36 38 8 43-28 4-36-38-8-43z" fill="#020102" stroke="#020102"/><path d="M130 175c4-3 10-5 13-9 16-17 4-46-19-46-33 0-37 42-6 55-33 8-26 44 2 55-33 2-30 54 3 54s37-50 4-54c31-15 33-39 3-55zm-12-49c28-6 38 36 10 42-26 6-37-36-10-42zm1 54c27-4 37 38 9 43-27 4-36-38-9-43zm0 55c27-4 36 38 9 43s-36-38-9-43z" fill="#020102" stroke="#020102"/><path d="M125 451c35-6 33-55-1-55-35 0-37 50-2 55-32 4-34 50-1 55-39 15-27
…

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

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

import DottedFrameSvg from "./dotted-frame.jsx"; // from the React tab above

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