Wind Sock SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="midnight" data-name="Midnight"><path d="M164 190c0-7-2-19 0-26 2-4 7-7 10-11 12-18 7-45-11-58-32-22-73 7-66 44 2 13 12 17 15 25 2 6 0 17 0 24 0 21 0 42 0 64 0 42 0 85 0 128 0 170 0 340 0 511-15 0-34-1-37 17-1 7-1 12 2 17 9 17 48 11 65 11s54 8 61-13c12-31-19-32-39-32v-576c21 21 40 44 61 66 12 13 25 25 36 39 6 7 10 15 18 20 10 6 20 5 31 2 81-18 162-30 243-6 69 21 132 58 201 78 26 7 116 30 138 21 23-10 33-56 36-79 1-11 1-22-1-34-6-34-32-32-60-41-33-12-65-27-96-44-59-32-113-73-172-105-64-36-137-59-209-69-24-4-74-13-96-11-8 1-16 5-22 11-22 21-3 29-39 29-17 0-55 4-69-2zM327 423c7-15 15-29 19-46 15-61 15-154-22-209 21 3 112 12 126 21 21 14 29 83 29 106 0 27-10 88-31 109-2 1-2 3-5 4-6 2-41 2-51 3-22 3-43 8-65 12zM267 215c20-9 8-10 9-23 1-11 14-21 24-17 15 5 24 41 27 55 10 49 10 101-3 149-22 78-51 35-61-16-9-44-11-105 4-148zm204-20c8 1 47 12 52 17 11 10 17 57 17 72 1 41-4 95-32 128l-47-4c34-40 38-117 28-165-4-17-11-33-18-48zM164 213l83 1c-16 37-12 114-4 153-20-18-38-41-57-61-4-5-19-17-21-23-4-10-1-56-1-70zM525 414c4-12 12-23 16-36 18-51 19-107 2-158 23 5 81 42 103 56 10 6 50 29 54 35 10 13 8 49 6 64-4 28-13 57-31 80-2 3-6 9-10 10-6 1-16-6-21-8-28-12-55-24-84-33-12-4-24-6-35-10zm193-91c5 2 43 24 45 26 6 10 1 40-1 52-5 31-17 65-40 87l-43-16c36-33 49-104 39-149zm60 33c23 17 54 27 81 37 8 3 19 4 27 9-25 29-35 84-22 120-43-6-87-13-127-29 4-8 11-15 16-23 19-32 31-76 25-114zm125 51c25-1 5 113-18 115-27 2-3-114 18-115z" fill="#262b31" stroke="#262b31"/></g><g id="orange" data-name="Orange"><path d="M327 423c22-4 43-9 65-12 10-1 45-1 51-3 3-1 3-3 5-4 21-21 31-82 31-109 0-23-8-92-29-106-14-9-105-18-126-21 37 55 37 148 22 209-4 17-12 31-19 46z" fill="#fd5401" stroke="#fd5401"/><path d="M525 414c11 4 23 6 35 10 29 9 56 21 84 33 5 2 15 9 21 8 4-1 8-7 10-10 18-23 27-52 31-80 2-15 4-51-6-64-4-6-44-29-54-35-22-14-80-51-103-56 17 51 16 107-2 158-4 13-12 24-16 36z" fill="#fd5401" stroke="#fd5401"/><path d="M267 215c-15 43-13 104-4 148 10 51 39 94 61 16 13-48 13-100 3-149-3-14-12-50-27-55-10-4-23 6-24 17-1 13 11 14-9 23z" fill="#fd5401" stroke="#fd5401"/><path d="M778 356c6 38-6 82-25 114-5 8-12 15-16 23 40 16 84 23 127 29-13-36-3-91 22-120-8-5-19-6-27-9-27-10-58-20-81-37z" fill="#fd5401" stroke="#fd5401"/><path d="M903 407c-21 1-45 117-18 115 23-2 43-116 18-115z" fill="#fd5401" stroke="#fd5401"/></g><g id="white" data-name="White"><path d="M471 195c7 15 14 31 18 48 10 48 6 125-28 165l47 4c28-33 33-87 32-128 0-15-6-62-17-72-5-5-44-16-52-17z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M718 323c10 45-3 116-39 149l43 16c23-22 35-56 40-87 2-12 7-42 1-52-2-2-40-24-45-26z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import WindSockSvg from "./wind-sock.jsx"; // from the React tab above

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