Beta

Person With Hat SVG element, flat

Free

Beneath a wide-brimmed hat is a front-facing head with shoulders below. Use the figure in a character picker or on a travel journal profile.

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

personhatheadwearprofileavatarselementflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/KbiWziL9H13w/amnt.svg" alt="Person With Hat" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="currentColor"><path d="M61 76V43c0-12 10-22 22-22h34c12 0 22 10 22 22v33H61Z"/><path d="M25 76c0-6 5-11 11-11h128c6 0 11 5 11 11s-5 11-11 11H36c-6 0-11-5-11-11Z"/><path d="M68 94h64v12c0 19-14 35-32 35s-32-16-32-35V94Z"/><path d="M79 139h42c32 0 57 25 57 57H22c0-32 25-57 57-57Z"/></svg>
CSS background-image
.person-with-hat {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/KbiWziL9H13w/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.person-with-hat {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/KbiWziL9H13w/amnt.svg") center / contain no-repeat;
}
React
import PersonWithHatSvg from "./person-with-hat.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Person With Hat: Front-facing head beneath a wide-brimmed hat, with shoulders below. 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