Menu

Beta
Sign in
Beta
Person With Headphones SVG element, flat

Person With Headphones SVG element, flat

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

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

Tags

personheadphonesaudiolisteneravatarselementflat

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.

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