Beta

Face SVG element, flat

Free

Eyes, a nose, and a neutral mouth sit on a large round face without shoulders. This icon fits a mood check-in screen or an expression chart.

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

faceexpressionportraitprofileavatarselementflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4qn1RvTqzx6d/amnt.svg" alt="Face" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="none" stroke="currentColor" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"><circle cx="100" cy="100" r="82"/><circle cx="70" cy="85" r="4" fill="currentColor" stroke="none"/><circle cx="130" cy="85" r="4" fill="currentColor" stroke="none"/><path d="M100 91v28l-7 5h14"/><path d="M75 145h50"/></svg>
CSS background-image
.face {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4qn1RvTqzx6d/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.face {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4qn1RvTqzx6d/amnt.svg") center / contain no-repeat;
}
React
import FaceSvg from "./face.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Face: Large round face with eyes, nose, and a neutral mouth; no neck or shoulders. as part of the pack Avatar Elements, Flat. Want one like it? Make your own in the SVG studio.

Rest of Avatar Elements, 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