Smiley Face SVG logo, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="yellow" data-name="Yellow"><path d="M507 88c-224 10-404 187-404 414 0 226 188 406 413 403 167-3 318-105 377-262 18-48 29-101 27-151-8-177-115-324-282-382-42-15-87-24-131-22zM343 333c81-9 95 112 17 122-82 11-96-112-17-122zm322 0c81-9 94 113 15 123-81 9-95-114-15-123zM270 547c8 0 17 3 22 9 8 7 9 19 14 27 18 32 44 59 74 79 52 35 118 48 179 35 55-11 106-42 140-86 6-8 11-16 16-24 9-16 12-36 32-39 18-2 33 11 32 29-1 12-10 25-15 35-58 104-185 160-301 141-55-9-110-36-150-75-22-21-86-89-63-120 5-6 12-10 20-11z" fill="#fde903" stroke="#fde903"/></g><g id="black" data-name="Black"><path d="M499 51c-245 11-437 213-433 459 4 245 214 438 458 430 245-8 444-207 432-457-9-184-123-342-297-405-51-19-106-29-160-27zm8 37c44-2 89 7 131 22 167 58 274 205 282 382 2 50-9 103-27 151-59 157-210 259-377 262-225 3-413-177-413-403 0-227 180-404 404-414z" fill="#1a1919" stroke="#1a1919"/><path d="M270 547c-8 1-15 5-20 11-23 31 41 99 63 120 40 39 95 66 150 75 116 19 243-37 301-141 5-10 14-23 15-35 1-18-14-31-32-29-20 3-23 23-32 39-5 8-10 16-16 24-34 44-85 75-140 86-61 13-127 0-179-35-30-20-56-47-74-79-5-8-6-20-14-27-5-6-14-9-22-9z" fill="#1a1919" stroke="#1a1919"/><path d="M665 333c-80 9-66 132 15 123 79-10 66-132-15-123z" fill="#1a1919" stroke="#1a1919"/><path d="M343 333c-79 10-65 133 17 122 78-10 64-131-17-122z" fill="#1a1919" stroke="#1a1919"/></g></svg>

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

import SmileyFaceSvg from "./smiley-face.jsx"; // from the React tab above

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