Beta

Smiley Face SVG illustration, flat

Free
Smiley Face SVG illustration, flat

Dot eyes, a curved smile, and rosy cheeks give this round face a friendly expression. Use it on a mood tracker or a note of encouragement.

Sign in to download. Free SVGs are free with any account.

smilehappyfacedoodlesillustrationflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QlQ2LH2FUR3O/amnt.svg" alt="Smiley Face" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="200" cy="263" rx="79" ry="10" fill="#E8DECF" opacity=".55"/><circle cx="200" cy="145" r="105" fill="#F5D782"/><path d="M97 125a105 105 0 0 0 206 0 105 105 0 1 1-206 0Z" fill="#EAC36C"/><path d="M130 82c8-9 19-15 30-17 6-1 10 2 9 6-1 4-5 5-10 7-8 3-14 7-20 12-5 4-13-2-9-8Z" fill="#FFF0BF"/><circle cx="166" cy="130" r="8" fill="#625047"/><circle cx="234" cy="130" r="8" fill="#625047"/><ellipse cx="137" cy="162" rx="19" ry="12" fill="#ECA397"/><ellipse cx="263" cy="162" rx="19" ry="12" fill="#ECA397"/><path d="M162 163c7 21 22 32 38 32s31-11 38-32" fill="none" stroke="#625047" stroke-width="3" stroke-linecap="round"/></svg>
CSS background-image
.smiley-face {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QlQ2LH2FUR3O/amnt.svg");
  background-size: contain;
}
React
import SmileyFaceSvg from "./smiley-face.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Smiley Face: A round face with two dot eyes, a curved smile, and rosy cheeks. as part of the pack Everyday Doodles, Flat. Want one like it? Make your own in the SVG studio.

Rest of Everyday Doodles, Flat

Whole pack

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence