Menu

Beta
Sign in
Beta
Person With Hat SVG element, flat

Person With Hat SVG element, flat

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.

Free · from Avatar Elements, Flat

Similar SVGs

More from Avatar Elements, Flat

Whole pack

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} />

Tags

personhatheadwearprofileavatarselementflat

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.

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

Settings