headphone emoji
headphone from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- headphone
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
headphoneAkar IconsheadphoneBoxIcons v2headphoneEmoji One (Colored)headphoneFluent EmojiheadphoneFluent Emoji FlatheadphoneFluent Emoji High ContrastheadphoneFirefox OS EmojiheadphoneIonIconsheadphone-fillMingCute IconheadphoneNoto EmojiheadphoneOpenMojiheadphonePixelarticonsheadphone-fillRemix IconheadphoneStreamline Emojis
More objects icons from Twitter Emoji
Use the headphone emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M18 0C9.716 0 3 6.716 3 15v9h3v-9C6 8 11.269 2.812 18 2.812S30 8 30 15v10l3-1v-9c0-8.284-6.716-15-15-15"/><path fill="#31373d" d="M6 27a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2zm30 0a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2z"/><path fill="#55acee" d="m19.182 10.016l-6.364 1.313c-.45.093-.818.544-.818 1.004v16.185a6.2 6.2 0 0 0-2.087-.36c-2.785 0-5.042 1.755-5.042 3.922c0 2.165 2.258 3.827 5.042 3.827C12.649 35.905 14.922 34 15 32V16.39l4.204-.872c.449-.093.796-.545.796-1.004v-3.832c0-.458-.368-.759-.818-.666m8 3.151l-4.297.865c-.45.093-.885.544-.885 1.003V26.44c0-.152-.878-.24-1.4-.24c-2.024 0-3.633 1.276-3.633 2.852c0 1.574 1.658 2.851 3.683 2.851s3.677-1.277 3.677-2.851l-.014-11.286l2.869-.598c.45-.093.818-.544.818-1.003v-2.33c0-.459-.368-.76-.818-.668"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiHeadphone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M18 0C9.716 0 3 6.716 3 15v9h3v-9C6 8 11.269 2.812 18 2.812S30 8 30 15v10l3-1v-9c0-8.284-6.716-15-15-15"/><path fill="#31373d" d="M6 27a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2zm30 0a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2z"/><path fill="#55acee" d="m19.182 10.016l-6.364 1.313c-.45.093-.818.544-.818 1.004v16.185a6.2 6.2 0 0 0-2.087-.36c-2.785 0-5.042 1.755-5.042 3.922c0 2.165 2.258 3.827 5.042 3.827C12.649 35.905 14.922 34 15 32V16.39l4.204-.872c.449-.093.796-.545.796-1.004v-3.832c0-.458-.368-.759-.818-.666m8 3.151l-4.297.865c-.45.093-.885.544-.885 1.003V26.44c0-.152-.878-.24-1.4-.24c-2.024 0-3.633 1.276-3.633 2.852c0 1.574 1.658 2.851 3.683 2.851s3.677-1.277 3.677-2.851l-.014-11.286l2.869-.598c.45-.093.818-.544.818-1.003v-2.33c0-.459-.368-.76-.818-.668"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M18 0C9.716 0 3 6.716 3 15v9h3v-9C6 8 11.269 2.812 18 2.812S30 8 30 15v10l3-1v-9c0-8.284-6.716-15-15-15"/><path fill="#31373d" d="M6 27a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2zm30 0a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2z"/><path fill="#55acee" d="m19.182 10.016l-6.364 1.313c-.45.093-.818.544-.818 1.004v16.185a6.2 6.2 0 0 0-2.087-.36c-2.785 0-5.042 1.755-5.042 3.922c0 2.165 2.258 3.827 5.042 3.827C12.649 35.905 14.922 34 15 32V16.39l4.204-.872c.449-.093.796-.545.796-1.004v-3.832c0-.458-.368-.759-.818-.666m8 3.151l-4.297.865c-.45.093-.885.544-.885 1.003V26.44c0-.152-.878-.24-1.4-.24c-2.024 0-3.633 1.276-3.633 2.852c0 1.574 1.658 2.851 3.683 2.851s3.677-1.277 3.677-2.851l-.014-11.286l2.869-.598c.45-.093.818-.544.818-1.003v-2.33c0-.459-.368-.76-.818-.668"/></svg> </template>
CSS
.icon-headphone {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M18%200C9.716%200%203%206.716%203%2015v9h3v-9C6%208%2011.269%202.812%2018%202.812S30%208%2030%2015v10l3-1v-9c0-8.284-6.716-15-15-15%22%2F%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M6%2027a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2v-9a2%202%200%200%201%202-2h2a2%202%200%200%201%202%202zm30%200a2%202%200%200%201-2%202h-2a2%202%200%200%201-2-2v-9a2%202%200%200%201%202-2h2a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22m19.182%2010.016l-6.364%201.313c-.45.093-.818.544-.818%201.004v16.185a6.2%206.2%200%200%200-2.087-.36c-2.785%200-5.042%201.755-5.042%203.922c0%202.165%202.258%203.827%205.042%203.827C12.649%2035.905%2014.922%2034%2015%2032V16.39l4.204-.872c.449-.093.796-.545.796-1.004v-3.832c0-.458-.368-.759-.818-.666m8%203.151l-4.297.865c-.45.093-.885.544-.885%201.003V26.44c0-.152-.878-.24-1.4-.24c-2.024%200-3.633%201.276-3.633%202.852c0%201.574%201.658%202.851%203.683%202.851s3.677-1.277%203.677-2.851l-.014-11.286l2.869-.598c.45-.093.818-.544.818-1.003v-2.33c0-.459-.368-.76-.818-.668%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M18%200C9.716%200%203%206.716%203%2015v9h3v-9C6%208%2011.269%202.812%2018%202.812S30%208%2030%2015v10l3-1v-9c0-8.284-6.716-15-15-15%22%2F%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M6%2027a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2v-9a2%202%200%200%201%202-2h2a2%202%200%200%201%202%202zm30%200a2%202%200%200%201-2%202h-2a2%202%200%200%201-2-2v-9a2%202%200%200%201%202-2h2a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22m19.182%2010.016l-6.364%201.313c-.45.093-.818.544-.818%201.004v16.185a6.2%206.2%200%200%200-2.087-.36c-2.785%200-5.042%201.755-5.042%203.922c0%202.165%202.258%203.827%205.042%203.827C12.649%2035.905%2014.922%2034%2015%2032V16.39l4.204-.872c.449-.093.796-.545.796-1.004v-3.832c0-.458-.368-.759-.818-.666m8%203.151l-4.297.865c-.45.093-.885.544-.885%201.003V26.44c0-.152-.878-.24-1.4-.24c-2.024%200-3.633%201.276-3.633%202.852c0%201.574%201.658%202.851%203.683%202.851s3.677-1.277%203.677-2.851l-.014-11.286l2.869-.598c.45-.093.818-.544.818-1.003v-2.33c0-.459-.368-.76-.818-.668%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/headphone.svg?color=%231a73e8&size=48
