Sun SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="amber" data-name="Amber"><path d="M502 323c-159 11-208 222-72 302 28 17 60 25 93 22 159-13 210-222 69-303-27-15-59-23-90-21z" fill="#fdc301" stroke="#fdc301"/></g><g id="black" data-name="Black"><path d="M503 307c-166 11-231 224-95 323 34 24 73 35 115 33 38-1 74-17 104-41 131-106 45-326-124-315zm-1 16c31-2 63 6 90 21 141 81 90 290-69 303-33 3-65-5-93-22-136-80-87-291 72-302z" fill="#020202" stroke="#020202"/><path d="M264 202c-11 2-21 8-28 16-10 14-12 31-5 46 4 11 71 78 83 87 9 6 20 9 31 8 12-1 23-7 30-16 9-13 12-29 7-43-5-13-73-82-87-91-9-6-20-8-31-7zm0 16c6-1 13 0 19 3 10 4 79 74 83 83 7 16-2 35-19 39-8 2-15 0-22-4-10-7-75-72-79-80-8-16 0-37 18-41z" fill="#020202" stroke="#020202"/><path d="M505 97c-15 3-28 14-33 28-7 18-3 42-3 62 0 36-9 106 50 97 14-2 27-12 33-25 8-19 4-44 4-64 0-37 8-107-51-98zm1 16c12-2 26 4 31 15s5 114 0 125c-3 8-11 14-20 15-12 2-26-4-30-17-4-10-4-110-1-120 3-8 11-16 20-18z" fill="#020202" stroke="#020202"/><path d="M333 611c-23 4-67 56-85 74-40 38-17 91 31 82 22-3 68-55 84-73 8-8 17-16 20-27 9-32-18-61-50-56zm5 15c23-2 38 24 26 44-5 8-15 16-22 23-15 14-49 57-68 59-22 2-38-20-28-41 5-10 17-18 25-26 14-14 48-57 67-59z" fill="#020202" stroke="#020202"/><path d="M506 686c-14 2-27 12-33 24-9 18-4 45-4 65 0 30-9 75 24 92 8 4 16 6 26 4 13-2 26-11 32-23 10-19 5-46 5-66 0-37 8-103-50-96zm0 16c12-2 24 2 30 13 6 12 7 111 1 124-3 8-11 15-19 16-13 3-27-4-31-16-4-11-4-108-1-119 3-9 11-16 20-18z" fill="#020202" stroke="#020202"/><path d="M747 202c-24 4-67 55-85 74-8 7-16 14-19 25-11 32 16 62 48 58 23-3 67-56 85-73 6-7 13-13 17-20 17-32-11-69-46-64zm1 16c22-4 40 18 31 39-4 10-15 19-23 27-13 13-50 56-66 59-23 4-40-18-31-39 4-10 15-18 23-26 12-13 50-57 66-60z" fill="#020202" stroke="#020202"/><path d="M168 441c-39 4-57 55-23 79 5 4 12 7 19 8 20 2 88 2 109 0 39-3 57-55 23-78-5-4-11-7-18-8-18-4-90-3-110-1zm0 16c17-2 89-2 105 0 33 5 32 51-1 56-17 2-88 2-105-1-32-5-31-50 1-55z" fill="#020202" stroke="#020202"/><path d="M675 611c-11 2-20 9-27 18-8 11-10 26-6 39 5 14 75 86 89 94 10 6 21 7 32 5 27-4 42-35 31-60-6-15-76-85-91-92-9-4-19-5-28-4zm6 15c5 0 11 1 15 3 12 6 78 72 83 83 4 10 4 20-2 28-5 7-11 11-20 12-7 1-13-1-19-5-11-6-75-71-79-81s-4-20 2-28c5-6 12-11 20-12z" fill="#020202" stroke="#020202"/><path d="M752 441c-39 4-57 54-24 79 5 4 12 7 19 8 19 3 88 2 110 0 39-3 56-54 23-78-7-5-16-8-25-9-23-2-80-2-103 0zm0 16c16-2 88-2 104 0 33 5 33 50 1 55-16 3-88 3-104 1-33-5-34-51-1-56z" fill="#020202" stroke="#020202"/></g><g id="yellow" data-name="Yellow"><path d="M681 626c-8 1-15 6-20 12-6 8-6 18-2 28s68 75 79 81c6 4 12 6 19 5 9-1 15-5 20-12 6-8 6-18 2-28-5-11-71-77-83-83-4-2-10-3-15-3z" fill="#fcf21b" stroke="#fcf21b"/><path d="M748 218c-16 3-54 47-66 60-8 8-19 16-23 26-9 21 8 43 31 39 16-3 53-46 66-59 8-8 19-17 23-27 9-21-9-43-31-39z" fill="#fcf21b" stroke="#fcf21b"/><path d="M168 457c-32 5-33 50-1 55 17 3 88 3 105 1 33-5 34-51 1-56-16-2-88-2-105 0z" fill="#fcf21b" stroke="#fcf21b"/><path d="M338 626c-19 2-53 45-67 59-8 8-20 16-25 26-10 21 6 43 28 41 19-2 53-45 68-59 7-7 17-15 22-23 12-20-3-46-26-44z" fill="#fcf21b" stroke="#fcf21b"/><path d="M264 218c-18 4-26 25-18 41 4 8 69 73 79 80 7 4 14 6 22 4 17-4 26-23 19-39-4-9-73-79-83-83-6-3-13-4-19-3z" fill="#fcf21b" stroke="#fcf21b"/><path d="M752 457c-33 5-32 51 1 56 16 2 88 2 104-1 32-5 32-50-1-55-16-2-88-2-104 0z" fill="#fcf21b" stroke="#fcf21b"/><path d="M506 113c-9 2-17 10-20 18-3 10-3 110 1 120 4 13 18 19 30 17 9-1 17-7 20-15 5-11 5-114 0-125s-19-17-31-15z" fill="#fcf21b" stroke="#fcf21b"/><path d="M506 702c-9 2-17 9-20 18-3 11-3 108 1 119 4 12 18 19 31 16 8-1 16-8 19-16 6-13 5-112-1-124-6-11-18-15-30-13z" fill="#fcf21b" stroke="#fcf21b"/></g></svg>

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

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

import SunSvg from "./sun.jsx"; // from the React tab above

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