Smiley Face SVG illustration, animated

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2qeKMWJFt3sY/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="black" data-name="Black"><path d="M343 559h-6c-44 6 24 80 36 91 30 25 67 42 107 48 80 11 170-23 210-96 4-7 11-17 11-25 0-12-11-21-23-18-10 3-25 36-33 46-25 30-61 49-99 56-43 8-90 1-127-22-22-13-40-31-54-53-4-6-6-16-11-21-3-4-7-5-11-6z" fill="#23120e" stroke="#23120e"/></g><g id="eyes" data-name="Eyes" data-motion="blink@center"><g><path d="M660 379c-59 9-46 101 16 92 60-9 47-101-16-92z" fill="#222222" stroke="#222222"/><path d="M660 379c63-9 76 83 16 92-62 9-75-83-16-92zm5 106h7c73 1 78-121-4-120-64 1-83 88-25 115 7 3 14 5 22 5z" fill="#23120e" stroke="#23120e"/></g><g><path d="M348 379c-60 8-47 101 15 92 59-9 48-100-15-92z" fill="#222222" stroke="#222222"/><path d="M350 365c-79 7-68 127 11 120 78-7 68-127-11-120zm-2 14c63-8 74 83 15 92-62 9-75-84-15-92z" fill="#23120e" stroke="#23120e"/></g></g><g id="cheeks" data-name="Cheeks" data-motion="pulse@center"><g><path d="M493 85c-227 10-407 202-397 430 10 229 209 395 434 390s407-204 397-428c-10-227-210-401-434-392zM350 365c79-7 89 113 11 120-79 7-90-113-11-120zM210 475c105-12 122 138 22 152-103 14-120-140-22-152zm583 0c102-11 119 141 18 152-103 11-118-141-18-152zM672 485h-7c-8 0-15-2-22-5-58-27-39-114 25-115 82-1 77 121 4 120zM343 559c4 1 8 2 11 6 5 5 7 15 11 21 14 22 32 40 54 53 37 23 84 30 127 22 38-7 74-26 99-56 8-10 23-43 33-46 12-3 23 6 23 18 0 8-7 18-11 25-40 73-130 107-210 96-40-6-77-23-107-48-12-11-80-85-36-91z" fill="#f28c8c" stroke="#f28c8c"/><path d="M211 489c-81 11-62 138 20 124s64-135-20-124z" fill="#f28c8c" stroke="#f28c8c"/><path d="M794 489c-82 10-67 135 17 124 82-11 66-133-17-124z" fill="#f28c8c" stroke="#f28c8c"/><path d="M210 475c-98 12-81 166 22 152 100-14 83-164-22-152zm1 14c84-11 102 110 20 124s-101-113-20-124z" fill="#23120e" stroke="#23120e"/><path d="M793 475c-100 11-85 163 18 152 101-11 84-163-18-152zm1 14c83-9 99 113 17 124-84 11-99-114-17-124z" fill="#23120e" stroke="#23120e"/><path d="M672 485h-7z" fill="#23120e" stroke="#23120e"/><path d="M337 559h6z" fill="#23120e" stroke="#23120e"/></g></g></svg>

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

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

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