Beta

Person With Beard SVG element, flat

Free

A full beard outlines the cheeks and chin of a front-facing person. This avatar can mark a speaker bio on an event site or a messaging contact.

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

personbeardfacial hairprofileavatarselementflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/nBCQmWnQJ5rL/amnt.svg" alt="Person With Beard" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="currentColor"><path d="M64 79V57a36 36 0 0 1 72 0v22" fill="none" stroke="currentColor" stroke-width="9" stroke-linecap="round"/><path d="M63 75v27c0 18 13 33 37 40 24-7 37-22 37-40V75h-12v19c0 7-4 12-11 12-5 0-9-3-14-3s-9 3-14 3c-7 0-11-5-11-12V75H63Z"/><path d="M68 139h7c7 9 15 14 25 17 10-3 18-8 25-17h7c27 0 48 21 48 48v3H20v-3c0-27 21-48 48-48Z"/></svg>
CSS background-image
.person-with-beard {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/nBCQmWnQJ5rL/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.person-with-beard {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/nBCQmWnQJ5rL/amnt.svg") center / contain no-repeat;
}
React
import PersonWithBeardSvg from "./person-with-beard.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Person With Beard: Front-facing head with a full beard outlining the cheeks and chin. 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