Beta

Person With Headphones SVG element, flat

Free

An arched headband and large ear cups frame this listener’s head. It fits a podcast subscriber page or a customer support chat roster.

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

personheadphonesaudiolisteneravatarselementflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kuYgrKd34V6t/amnt.svg" alt="Person With Headphones" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="currentColor"><path d="M30 94V82a70 70 0 0 1 140 0v12h-12V82a58 58 0 0 0-116 0v12Z"/><path d="M100 58c-25 0-42 20-42 46v18c0 32 19 54 42 54s42-22 42-54v-18c0-26-17-46-42-46Z"/><rect x="21" y="90" width="28" height="61" rx="14"/><rect x="151" y="90" width="28" height="61" rx="14"/></svg>
CSS background-image
.person-with-headphones {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kuYgrKd34V6t/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.person-with-headphones {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kuYgrKd34V6t/amnt.svg") center / contain no-repeat;
}
React
import PersonWithHeadphonesSvg from "./person-with-headphones.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Person With Headphones: Head framed by an arched headband and two large ear cups. 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