Weather Vane SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="navy" data-name="Navy"><path d="M647 43c23 7 19 33 5 47 3 2 5 8 9 10 5 4 15 7 22 11-9 2-25 6-29 16 7 11 33 46 8 54-28 9-15-34-19-37-2-2-3 1-4 2-2 1-3 5-4 7-12 34 40 71 16 129-15 39-51 56-84 77-17 11-31 24-39 43-19 44 7 34 18 53-20-7-38-8-58 0 12-23 26-2 24-49-1-24-4-37-27-45-50-17-41-54-10-84-11-2-16 9-25 13-3 1-6 0-9 0-13 2-23 6-33 14-20 15-31 41-30 67-48-46-5-112 59-102-50-29-103 1-115 55-17-28-9-70 18-89 20-15 48-17 72-7 7 3 14 9 21 11-36-54-128-42-151 17-16-62 47-112 105-92 21 8 36 23 51 39-7-33-47-57-78-63-30-5-62 2-87 21-5 4-10 10-15 13 4-59 71-92 123-80 58 13 83 66 90 120 2 16 4 38 25 39 38 3 57-50 66-79 8-24 17-51 35-70 1-2 12-10 11-12-2-5-51 0-38-42 7 3 27 13 33 6 3-3 2-14 4-19 13 3 29 19 33 17 3-1 5-9 7-11zM370 275c0 0 0 0 0 0-7 9-15 17-19 29-8 26 4 78 35 84 3-8 1-17 2-25 3-30 23-60 55-62-8 28 0 55 29 67 7 3 16 3 22 9 8 7 10 45 5 54-3 7-14 9-19 16-5 8-8 22 6 20-7 9-11 19-10 30-19 0-118 3-128 0-6-2-13-12-18-16-6-6-17-19-26-22-12-3-98 0-117 0l48 37c-28 5-27 24 1 26-7 11-45 26-48 38 12 1 106 2 115 0 4-1 7-5 10-7 8-7 27-27 34-30 12-6 52-2 68-2 13 0 58-3 68 0 3 1 15 10 16 13 3 7 0 27 0 36 0 16 3 110 0 118-2 3-7 5-9 7-15 12-18 36-6 51 3 5 12 8 14 13 2 6-2 25-3 32-3 35-9 74-31 103-10 13-30 18-36 29-2 3-6 10-3 13 2 2 42 1 49 1 44 0 89 0 134 0 1-24-30-27-44-48-14-20-19-45-23-68-2-11-9-55-6-63 1-3 9-7 11-10 14-16 12-38-3-52-2-3-8-5-10-8-2-6 0-79 0-91s-3-55 1-63c2-4 13-11 16-12 13-4 159-1 185-1-17 51-11 40 30 22 10-4 70-30 71-33 0-5-58-28-69-33-7-3-31-16-37-16-13 2 3 28 4 36h-178c0-13-3-21-10-32 20 11 9-19-4-28-2-1-6-2-7-4-7-10 2-27 7-35 15-26 43-35 66-51 60-41 74-88 45-155 23 1 34-19 28-40-3-9-9-16-12-24 8-7 26-5 31-12-9-13-19-19-33-26 21-25-10-76-32-51-13-8-42-23-41 7-17 1-38-20-36 16 0 18 12 31 29 36-9 15-19 29-25 45-12 28-16 61-38 85-8 8-27 23-37 9-8-10-7-41-10-54-4-18-11-35-21-49-30-44-84-64-135-47-41 13-71 49-75 91-1 8-3 17 5 21 8-8 15-19 24-26 18-16 47-27 71-23-27 2-52 20-65 44-8 14-21 83 0 86 14-24 24-49 52-60 6-2 12-4 18-3-39 19-59 60-43 102 2 6 13 32 21 23 5-6 6-55 41-67z" fill="#01214e" stroke="#01214e"/><path d="M645 991c0-42-16-47-54-47-18 0-36 0-53 0-28 0-57 0-84 0-13 0-26-2-38 0-8 1-15 6-20 12s-15 30-8 35c4 3 92 1 105 1 34 0 70 0 105 0 15 0 32 2 47-1z" fill="#01214e" stroke="#01214e"/><path d="M634 95c-11 2-8 20 3 18s8-20-3-18z" fill="#01214e" stroke="#01214e"/></g><g id="red" data-name="Red"><path d="M647 43c-2 2-4 10-7 11-4 2-20-14-33-17-2 5-1 16-4 19-6 7-26-3-33-6-13 42 36 37 38 42 1 2-10 10-11 12-18 19-27 46-35 70-9 29-28 82-66 79-21-1-23-23-25-39-7-54-32-107-90-120-52-12-119 21-123 80 5-3 10-9 15-13 25-19 57-26 87-21 31 6 71 30 78 63-15-16-30-31-51-39-58-20-121 30-105 92 23-59 115-71 151-17-7-2-14-8-21-11-24-10-52-8-72 7-27 19-35 61-18 89 12-54 65-84 115-55-64-10-107 56-59 102-1-26 10-52 30-67 10-8 20-12 33-14 3 0 6 1 9 0 9-4 14-15 25-13-31 30-40 67 10 84 23 8 26 21 27 45 2 47-12 26-24 49 20-8 38-7 58 0-11-19-37-9-18-53 8-19 22-32 39-43 33-21 69-38 84-77 24-58-28-95-16-129 1-2 2-6 4-7 1-1 2-4 4-2 4 3-9 46 19 37 25-8-1-43-8-54 4-10 20-14 29-16-7-4-17-7-22-11-4-2-6-8-9-10 14-14 18-40-5-47zM634 95c11-2 14 16 3 18s-14-16-3-18z" fill="#de1a33" stroke="#de1a33"/></g></svg>

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

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

import WeatherVaneSvg from "./weather-vane.jsx"; // from the React tab above

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