Chalkboard SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="forest" data-name="Forest"><path d="M816 630c38 0 40 10 40-28 0-23 0-45 0-67 0-45 0-91 0-135 0-45 0-91 0-135 0-23 0-45 0-67 0-39-2-30-37-30-180 0-359 0-538 0-23 0-46 0-68 0-9 0-40-3-44 4-3 5-1 13-1 19 0 44 0 90 0 135 0 89 0 179 0 269 0 36-5 35 33 35 22 0 44 0 67 0 44 0 89 0 134 0 89 0 179 0 268 0 0-7-1-15 5-21 9-9 54-5 69-5 14 0 58-4 67 5 6 6 5 14 5 21zM797 376c16-2 17 15 6 22-9 7-20 11-30 16-22 10-46 18-70 23-55 11-110 5-164-7-53-12-106-22-160-21-40 0-80 5-118 17-11 4-24 12-34 13-15 2-17-15-6-21 10-6 23-10 33-13 25-8 51-13 77-16 56-6 112-2 167 9 53 11 105 27 160 22 34-3 67-10 99-24 9-3 33-19 40-20z" fill="#0c5126" stroke="#0c5126"/></g><g id="black" data-name="Black"><path d="M912 629c1-153 0-305 0-457 0-51-3-60-55-60-39 0-77 0-115 0-77 0-153 0-229 0-77 0-154 0-230 0-29 0-126-4-146 1-9 2-17 8-21 16-7 12-4 28-4 42 0 152 0 305 0 458-7 3-14 4-18 11-8 12-6 38 8 45 13 7 66 3 85 3-5 15-8 31-11 46-5 22-11 44-16 66-5 21-27 73 2 82 7 3 16 2 24 2 9 0 19 1 27-5 12-8 21-63 25-80 9-36 19-74 26-111h496c10 22 20 85 27 112 4 18 11 72 26 80 8 5 18 4 27 4 6 0 12 1 18 0 35-7 11-63 7-85-9-37-17-74-26-111 17 0 71 4 84-3 14-9 16-37 5-48-4-5-11-6-16-8zm-12 1h-31c0-139 0-278 0-416 0-52 9-58-46-58-35 0-70 0-104 0-70 0-140 0-209 0-70 0-139 0-208 0-35 0-70 0-104 0-9 0-20-2-28 0-21 5-14 47-14 64 0 136 0 273 0 410h-31c0-148 0-297 0-445 0-57-8-60 52-60 37 0 74 0 112 0 74 0 148 0 223 0 74 0 148 0 223 0 37 0 74 0 111 0 58 0 54 0 54 58 0 149 0 298 0 447zm-84 0c0-7 1-15-5-21-9-9-53-5-67-5-15 0-60-4-69 5-6 6-5 14-5 21-89 0-179 0-268 0-45 0-90 0-134 0-23 0-45 0-67 0-38 0-33 1-33-35 0-90 0-180 0-269 0-45 0-91 0-135 0-6-2-14 1-19 4-7 35-4 44-4 22 0 45 0 68 0 179 0 358 0 538 0 35 0 37-9 37 30 0 22 0 44 0 67 0 44 0 90 0 135 0 44 0 90 0 135 0 22 0 44 0 67 0 38-2 28-40 28zM110 643c8-3 187 0 212 0 71 0 141 0 213 0 70 0 141 0 212 0 35 0 70 0 106 0 17 0 35-1 53 0 3 0 9-1 12 2 7 5 5 27-4 30s-186 0-211 0c-72 0-142 0-213 0s-142 0-212 0c-36 0-71 0-106 0-18 0-36 1-53 0-27-1-16-29-9-32zm141 45c-9 33-16 66-24 100-3 11-15 75-21 80-5 5-13 3-19 3-8 0-20 2-25-5-6-9 11-63 14-77 6-26 15-79 24-101zm524 0h50c10 33 16 67 24 100 2 13 20 72 13 79-5 6-16 4-22 4-7 0-15 1-20-2-8-5-19-68-22-80-6-25-22-79-23-101zm-95-59v-10c1-3 3-5 6-6 5-2 115 0 117 1 4 3 4 5 4 9 0 3-1 8-4 10-6 3-54 1-63 1-10 0-57 3-60-5z" fill="#060404" stroke="#060404"/></g><g id="caramel" data-name="Caramel"><path d="M900 630c0-149 0-298 0-447 0-58 4-58-54-58-37 0-74 0-111 0-75 0-149 0-223 0-75 0-149 0-223 0-38 0-75 0-112 0-60 0-52 3-52 60 0 148 0 297 0 445h31c0-137 0-274 0-410 0-17-7-59 14-64 8-2 19 0 28 0 34 0 69 0 104 0 69 0 138 0 208 0 69 0 139 0 209 0 34 0 69 0 104 0 55 0 46 6 46 58 0 138 0 277 0 416z" fill="#a56225" stroke="#a56225"/><path d="M110 643c-7 3-18 31 9 32 17 1 35 0 53 0 35 0 70 0 106 0 70 0 141 0 212 0s141 0 213 0c25 0 202 3 211 0s11-25 4-30c-3-3-9-2-12-2-18-1-36 0-53 0-36 0-71 0-106 0-71 0-142 0-212 0-72 0-142 0-213 0-25 0-204-3-212 0z" fill="#a56225" stroke="#a56225"/><path d="M775 688c1 22 17 76 23 101 3 12 14 75 22 80 5 3 13 2 20 2 6 0 17 2 22-4 7-7-11-66-13-79-8-33-14-67-24-100z" fill="#a56225" stroke="#a56225"/><path d="M251 688h-51c-9 22-18 75-24 101-3 14-20 68-14 77 5 7 17 5 25 5 6 0 14 2 19-3 6-5 18-69 21-80 8-34 15-67 24-100z" fill="#a56225" stroke="#a56225"/><path d="M680 629v-10z" fill="#a56225" stroke="#a56225"/></g><g id="white" data-name="White"><path d="M797 376c-7 1-31 17-40 20-32 14-65 21-99 24-55 5-107-11-160-22-55-11-111-15-167-9-26 3-52 8-77 16-10 3-23 7-33 13-11 6-9 23 6 21 10-1 23-9 34-13 38-12 78-17 118-17 54-1 107 9 160 21 54 12 109 18 164 7 24-5 48-13 70-23 10-5 21-9 30-16 11-7 10-24-6-22z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M680 619v10c3 8 50 5 60 5 9 0 57 2 63-1 3-2 4-7 4-10 0-4 0-6-4-9-2-1-112-3-117-1-3 1-5 3-6 6z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import ChalkboardSvg from "./chalkboard.jsx"; // from the React tab above

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