Hockey Stick SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/M5FloD5QCE3e/amnt.svg" alt="Hockey Stick" 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="M924 17c-5 1-10 4-13 7-12 12-26 37-36 52-16 24-34 48-50 73-29 46-62 91-93 137-61 91-126 180-186 273-26 39-53 78-80 117-27 38-50 81-82 115-10 12-23 22-38 28-54 19-141-8-196-21-12-3-24-7-35-6-54 3-67 87-24 113 45 26 152 25 203 19 70-9 97-39 135-94 63-91 122-184 186-273 64-91 124-183 186-274 32-46 63-91 94-136 10-15 62-84 64-96 2-11-3-19-12-26-6-5-15-9-23-8zM828 162l31 20c-66 95-129 191-195 287-48 70-95 141-144 211-14 21-40 53-50 76-10-7-23-13-31-23 10-23 45-68 61-91 45-64 89-129 132-194 41-62 83-122 125-183 24-34 45-71 71-103zM420 759l32 23c-40 53-63 111-133 128-11 3-26 8-38 5 3-16 17-67 25-81 63 1 79-33 114-75zM147 806c-3 17-23 84-31 98-57-9-52-90-9-102 13-3 26 1 40 4zm6 2l30 7-29 99-30-7zm68 15l-28 95-31-4c1-14 23-86 29-97zm38 7l-26 89c-11 0-23 2-33-2 3-14 22-81 29-92zm38 4c-2 8-23 82-25 83-4 3-27 2-32 1 2-13 20-76 27-87z" fill="#0a0b0b" stroke="#0a0b0b"/><path d="M532 846c-20 1-65 6-73 28-4 9-2 20-2 29 0 8-1 18 2 26 9 28 63 31 87 30 20-1 68-6 73-32 2-8 1-17 1-25 0-9 1-18-1-26-6-27-66-31-87-30zm-6 9c15-1 81 2 85 23 1 7-4 11-9 14-15 9-34 12-51 13-19 1-67 0-81-17-21-23 44-32 56-33zm-60 42c46 20 100 25 145 0 0 9 2 21-1 30-6 20-55 23-71 23-18 0-66-2-72-24-3-9-1-20-1-29z" fill="#0a0b0b" stroke="#0a0b0b"/></g><g id="grape" data-name="Grape"><path d="M828 162c-26 32-47 69-71 103-42 61-84 121-125 183-43 65-87 130-132 194-16 23-51 68-61 91 8 10 21 16 31 23 10-23 36-55 50-76 49-70 96-141 144-211 66-96 129-192 195-287z" fill="#012572" stroke="#012572"/></g><g id="charcoal" data-name="Charcoal"><path d="M420 759c-35 42-51 76-114 75-8 14-22 65-25 81 12 3 27-2 38-5 70-17 93-75 133-128z" fill="#333333" stroke="#333333"/><path d="M526 855c-12 1-77 10-56 33 14 17 62 18 81 17 17-1 36-4 51-13 5-3 10-7 9-14-4-21-70-24-85-23z" fill="#333333" stroke="#333333"/><path d="M466 897c0 9-2 20 1 29 6 22 54 24 72 24 16 0 65-3 71-23 3-9 1-21 1-30-45 25-99 20-145 0z" fill="#333333" stroke="#333333"/><path d="M147 806c-14-3-27-7-40-4-43 12-48 93 9 102 8-14 28-81 31-98z" fill="#333333" stroke="#333333"/><path d="M153 808l-29 99 30 7 29-99z" fill="#333333" stroke="#333333"/><path d="M221 823l-30-6c-6 11-28 83-29 97l31 4z" fill="#333333" stroke="#333333"/><path d="M259 830l-30-5c-7 11-26 78-29 92 10 4 22 2 33 2z" fill="#333333" stroke="#333333"/><path d="M297 834l-30-3c-7 11-25 74-27 87 5 1 28 2 32-1 2-1 23-75 25-83z" fill="#333333" stroke="#333333"/></g></svg>

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

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

import HockeyStickSvg from "./hockey-stick.jsx"; // from the React tab above

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