Search SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="baby-blue" data-name="Baby Blue"><path d="M408 128c-57 5-111 29-153 67-167 153-56 431 171 421 50-2 97-22 136-51 145-110 126-341-42-417-35-15-74-23-112-20zM370 266c90-10 106 122 19 134-90 12-106-124-19-134zm133 62c66-8 80 92 15 101-67 10-80-92-15-101zM389 420c68-9 81 95 15 103-68 8-80-94-15-103zm115 31c48-7 57 66 11 72-48 6-57-65-11-72z" fill="#c8effc" stroke="#c8effc"/></g><g id="turquoise" data-name="Turquoise"><path d="M408 68c-159 9-301 151-295 313 7 171 140 303 313 295 166-8 294-148 294-313 0-170-143-304-312-295zm-4 41c264-17 374 317 168 473-40 30-90 51-141 53-262 13-375-312-173-468 42-32 93-54 146-58z" fill="#02beb3" stroke="#02beb3"/><path d="M697 641c-12 1-58 41-66 51-6 7-9 17-9 25 1 23 49 68 65 87 26 30 52 59 79 89 14 15 27 35 44 49 8 7 18 11 28 13 42 5 77-36 74-76-3-31-42-66-63-88-31-34-60-68-91-102-12-13-23-31-38-41-7-5-15-7-23-7zm4 22c5-1 10 0 14 3 9 4 65 72 77 85 10 10 69 72 70 80 2 8-1 16-9 18-5 2-9 1-13-2-7-4-67-73-78-85-11-11-66-69-69-78-3-7-1-18 8-21z" fill="#02beb3" stroke="#02beb3"/><path d="M642 599c-14 14-36 37-54 44l30 34 52-45z" fill="#02beb3" stroke="#02beb3"/></g><g id="navy" data-name="Navy"><path d="M656 586c9-14 21-26 30-40 36-53 54-116 54-179 0-80-29-162-85-219-118-123-304-131-437-26-128 102-164 293-72 431 90 136 282 186 425 101l36 41c-5 13-6 28 0 42 7 19 103 122 124 146 15 16 29 33 44 50 27 29 51 52 95 37 20-6 36-20 47-37 10-14 14-30 14-46 1-41-28-66-53-94-18-20-36-40-53-59-26-28-51-56-75-84-15-17-29-27-52-28-3 0-6 1-9 1-6-2-27-31-33-37zM408 68c169-9 312 125 312 295 0 165-128 305-294 313-173 8-306-124-313-295-6-162 136-304 295-313zM642 599l28 33-52 45-30-34c18-7 40-30 54-44zm55 42c8 0 16 2 23 7 15 10 26 28 38 41 31 34 60 68 91 102 21 22 60 57 63 88 3 40-32 81-74 76-10-2-20-6-28-13-17-14-30-34-44-49-27-30-53-59-79-89-16-19-64-64-65-87 0-8 3-18 9-25 8-10 54-50 66-51z" fill="#022153" stroke="#022153"/><path d="M404 109c-53 4-104 26-146 58-202 156-89 481 173 468 51-2 101-23 141-53 206-156 96-490-168-473zm4 19c38-3 77 5 112 20 168 76 187 307 42 417-39 29-86 49-136 51-227 10-338-268-171-421 42-38 96-62 153-67z" fill="#022153" stroke="#022153"/><path d="M370 266c-87 10-71 146 19 134 87-12 71-144-19-134zm3 19c64-8 76 88 13 96-64 8-75-88-13-96z" fill="#022153" stroke="#022153"/><path d="M389 420c-65 9-53 111 15 103 66-8 53-112-15-103zm4 19c41-4 49 60 8 65s-50-60-8-65z" fill="#022153" stroke="#022153"/><path d="M503 328c-65 9-52 111 15 101 65-9 51-109-15-101zm3 19c40-5 49 58 9 63-40 6-50-58-9-63z" fill="#022153" stroke="#022153"/><path d="M504 451c-46 7-37 78 11 72 46-6 37-79-11-72zm3 19c21-2 27 31 5 34-21 2-27-31-5-34z" fill="#022153" stroke="#022153"/></g><g id="coral" data-name="Coral"><path d="M373 285c-62 8-51 104 13 96 63-8 51-104-13-96z" fill="#fc615a" stroke="#fc615a"/></g><g id="aqua" data-name="Aqua"><path d="M701 663c-9 3-11 14-8 21 3 9 58 67 69 78 11 12 71 81 78 85 4 3 8 4 13 2 8-2 11-10 9-18-1-8-60-70-70-80-12-13-68-81-77-85-4-3-9-4-14-3z" fill="#76dbd4" stroke="#76dbd4"/></g><g id="blue" data-name="Blue"><path d="M393 439c-42 5-33 70 8 65s33-69-8-65z" fill="#0992fa" stroke="#0992fa"/><path d="M507 470c-22 3-16 36 5 34 22-3 16-36-5-34z" fill="#0992fa" stroke="#0992fa"/></g><g id="amber" data-name="Amber"><path d="M506 347c-41 5-31 69 9 63 40-5 31-68-9-63z" fill="#fdcc0b" stroke="#fdcc0b"/></g></svg>

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

import SearchSvg from "./search.jsx"; // from the React tab above

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