headphones icon
headphones from Reicon by REICON · Outline · Devices · MIT Free for personal and commercial use.
- Name
- headphones
- Set
- Reicon
- Style
- Outline
- Category
- Devices
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All headphones icons →headphonesBootstrap IconsheadphonesCarbonheadphonesDither Iconsheadphones-fillEva IconsheadphonesFramework7 IconsheadphonesFont Awesome 6 SolidheadphonesFont Awesome RegularheadphonesFont Awesome SolidheadphonesFeather Iconsheadphones-outlineFlowbite Iconsheadphones-12-filledFluent UI System Iconsheadphones-20Fluent UI System Color IconsheadphonesHuge IconsheadphonesKeyline IconsheadphonesLine AwesomeheadphonesLucideheadphonesMaterial SymbolsheadphonesMaterial Symbols LightheadphonesMaterial Design IconsheadphonesMyna UI IconsheadphonesPhosphorheadphonesPrime IconsheadphonesTabler Iconsheadphones-outlineTeenyicons
More devices icons from Reicon
Use the headphones icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75v2.793a.75.75 0 0 1 1 .707v2a.75.75 0 0 1-1.008.704q-.008.3-.03.555c-.04.435-.128.836-.343 1.212c-.143.25-.323.477-.535.672c-.32.295-.692.463-1.103.588c-.388.117-.871.213-1.443.325l-.074.015c-.39.077-.744.147-1.04.17c-.317.025-.675.008-1.017-.185a1.8 1.8 0 0 1-.524-.45c-.237-.304-.316-.65-.35-.97c-.033-.3-.033-.672-.033-1.088v-5.236c0-.354 0-.672.025-.933c.027-.279.09-.58.273-.859c.151-.23.354-.422.593-.56c.295-.17.603-.208.88-.21c.257-.002.565.029.901.062l.07.007c.586.057 1.079.106 1.478.185c.274.054.533.128.776.245a8.25 8.25 0 0 0-16.492 0c.243-.117.502-.19.776-.245c.4-.079.892-.127 1.478-.185l.07-.007c.336-.033.644-.064.9-.062c.278.002.586.04.88.21c.24.138.443.33.594.56c.183.28.245.58.273.859c.025.26.025.579.025.933v5.236c0 .416 0 .787-.032 1.088c-.035.32-.114.666-.351.97a1.8 1.8 0 0 1-.524.45c-.342.193-.7.21-1.018.185a10 10 0 0 1-1.04-.17l-.073-.015c-.572-.112-1.055-.208-1.443-.325c-.411-.125-.783-.293-1.103-.588a2.8 2.8 0 0 1-.535-.672c-.215-.376-.302-.777-.343-1.212a9 9 0 0 1-.03-.555a.75.75 0 0 1-1.008-.704v-2a.75.75 0 0 1 1-.707zm1.5 5.193c0 .652 0 1.09.032 1.427c.03.326.084.49.15.606q.104.178.25.314c.092.085.228.166.522.255c.308.094.717.175 1.333.297c.442.087.71.138.906.154a.7.7 0 0 0 .171-.001a.3.3 0 0 0 .07-.062a.7.7 0 0 0 .042-.207c.023-.211.024-.5.024-.966v-5.165c0-.398 0-.641-.018-.82a.7.7 0 0 0-.034-.182a.3.3 0 0 0-.083-.08a.7.7 0 0 0-.147-.013a9 9 0 0 0-.777.058c-.631.062-1.05.104-1.37.168c-.305.06-.447.128-.542.2c-.14.105-.26.24-.35.4c-.064.114-.118.278-.147.609c-.031.341-.032.785-.032 1.443zm16.5-1.565c0-.658 0-1.102-.032-1.443c-.03-.33-.083-.495-.147-.61a1.3 1.3 0 0 0-.35-.4c-.095-.071-.237-.139-.542-.2c-.32-.063-.739-.105-1.37-.167a9 9 0 0 0-.777-.058a.7.7 0 0 0-.147.012a.3.3 0 0 0-.083.081a.7.7 0 0 0-.034.181c-.017.18-.018.423-.018.82v5.166c0 .466.001.755.024.965a.7.7 0 0 0 .042.208q.032.04.07.062c.016.003.064.01.17 0c.198-.015.465-.066.907-.153c.616-.122 1.025-.203 1.333-.297c.294-.089.43-.17.522-.255q.146-.136.25-.314c.066-.117.12-.28.15-.606c.031-.338.032-.775.032-1.427z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconHeadphones(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75v2.793a.75.75 0 0 1 1 .707v2a.75.75 0 0 1-1.008.704q-.008.3-.03.555c-.04.435-.128.836-.343 1.212c-.143.25-.323.477-.535.672c-.32.295-.692.463-1.103.588c-.388.117-.871.213-1.443.325l-.074.015c-.39.077-.744.147-1.04.17c-.317.025-.675.008-1.017-.185a1.8 1.8 0 0 1-.524-.45c-.237-.304-.316-.65-.35-.97c-.033-.3-.033-.672-.033-1.088v-5.236c0-.354 0-.672.025-.933c.027-.279.09-.58.273-.859c.151-.23.354-.422.593-.56c.295-.17.603-.208.88-.21c.257-.002.565.029.901.062l.07.007c.586.057 1.079.106 1.478.185c.274.054.533.128.776.245a8.25 8.25 0 0 0-16.492 0c.243-.117.502-.19.776-.245c.4-.079.892-.127 1.478-.185l.07-.007c.336-.033.644-.064.9-.062c.278.002.586.04.88.21c.24.138.443.33.594.56c.183.28.245.58.273.859c.025.26.025.579.025.933v5.236c0 .416 0 .787-.032 1.088c-.035.32-.114.666-.351.97a1.8 1.8 0 0 1-.524.45c-.342.193-.7.21-1.018.185a10 10 0 0 1-1.04-.17l-.073-.015c-.572-.112-1.055-.208-1.443-.325c-.411-.125-.783-.293-1.103-.588a2.8 2.8 0 0 1-.535-.672c-.215-.376-.302-.777-.343-1.212a9 9 0 0 1-.03-.555a.75.75 0 0 1-1.008-.704v-2a.75.75 0 0 1 1-.707zm1.5 5.193c0 .652 0 1.09.032 1.427c.03.326.084.49.15.606q.104.178.25.314c.092.085.228.166.522.255c.308.094.717.175 1.333.297c.442.087.71.138.906.154a.7.7 0 0 0 .171-.001a.3.3 0 0 0 .07-.062a.7.7 0 0 0 .042-.207c.023-.211.024-.5.024-.966v-5.165c0-.398 0-.641-.018-.82a.7.7 0 0 0-.034-.182a.3.3 0 0 0-.083-.08a.7.7 0 0 0-.147-.013a9 9 0 0 0-.777.058c-.631.062-1.05.104-1.37.168c-.305.06-.447.128-.542.2c-.14.105-.26.24-.35.4c-.064.114-.118.278-.147.609c-.031.341-.032.785-.032 1.443zm16.5-1.565c0-.658 0-1.102-.032-1.443c-.03-.33-.083-.495-.147-.61a1.3 1.3 0 0 0-.35-.4c-.095-.071-.237-.139-.542-.2c-.32-.063-.739-.105-1.37-.167a9 9 0 0 0-.777-.058a.7.7 0 0 0-.147.012a.3.3 0 0 0-.083.081a.7.7 0 0 0-.034.181c-.017.18-.018.423-.018.82v5.166c0 .466.001.755.024.965a.7.7 0 0 0 .042.208q.032.04.07.062c.016.003.064.01.17 0c.198-.015.465-.066.907-.153c.616-.122 1.025-.203 1.333-.297c.294-.089.43-.17.522-.255q.146-.136.25-.314c.066-.117.12-.28.15-.606c.031-.338.032-.775.032-1.427z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75v2.793a.75.75 0 0 1 1 .707v2a.75.75 0 0 1-1.008.704q-.008.3-.03.555c-.04.435-.128.836-.343 1.212c-.143.25-.323.477-.535.672c-.32.295-.692.463-1.103.588c-.388.117-.871.213-1.443.325l-.074.015c-.39.077-.744.147-1.04.17c-.317.025-.675.008-1.017-.185a1.8 1.8 0 0 1-.524-.45c-.237-.304-.316-.65-.35-.97c-.033-.3-.033-.672-.033-1.088v-5.236c0-.354 0-.672.025-.933c.027-.279.09-.58.273-.859c.151-.23.354-.422.593-.56c.295-.17.603-.208.88-.21c.257-.002.565.029.901.062l.07.007c.586.057 1.079.106 1.478.185c.274.054.533.128.776.245a8.25 8.25 0 0 0-16.492 0c.243-.117.502-.19.776-.245c.4-.079.892-.127 1.478-.185l.07-.007c.336-.033.644-.064.9-.062c.278.002.586.04.88.21c.24.138.443.33.594.56c.183.28.245.58.273.859c.025.26.025.579.025.933v5.236c0 .416 0 .787-.032 1.088c-.035.32-.114.666-.351.97a1.8 1.8 0 0 1-.524.45c-.342.193-.7.21-1.018.185a10 10 0 0 1-1.04-.17l-.073-.015c-.572-.112-1.055-.208-1.443-.325c-.411-.125-.783-.293-1.103-.588a2.8 2.8 0 0 1-.535-.672c-.215-.376-.302-.777-.343-1.212a9 9 0 0 1-.03-.555a.75.75 0 0 1-1.008-.704v-2a.75.75 0 0 1 1-.707zm1.5 5.193c0 .652 0 1.09.032 1.427c.03.326.084.49.15.606q.104.178.25.314c.092.085.228.166.522.255c.308.094.717.175 1.333.297c.442.087.71.138.906.154a.7.7 0 0 0 .171-.001a.3.3 0 0 0 .07-.062a.7.7 0 0 0 .042-.207c.023-.211.024-.5.024-.966v-5.165c0-.398 0-.641-.018-.82a.7.7 0 0 0-.034-.182a.3.3 0 0 0-.083-.08a.7.7 0 0 0-.147-.013a9 9 0 0 0-.777.058c-.631.062-1.05.104-1.37.168c-.305.06-.447.128-.542.2c-.14.105-.26.24-.35.4c-.064.114-.118.278-.147.609c-.031.341-.032.785-.032 1.443zm16.5-1.565c0-.658 0-1.102-.032-1.443c-.03-.33-.083-.495-.147-.61a1.3 1.3 0 0 0-.35-.4c-.095-.071-.237-.139-.542-.2c-.32-.063-.739-.105-1.37-.167a9 9 0 0 0-.777-.058a.7.7 0 0 0-.147.012a.3.3 0 0 0-.083.081a.7.7 0 0 0-.034.181c-.017.18-.018.423-.018.82v5.166c0 .466.001.755.024.965a.7.7 0 0 0 .042.208q.032.04.07.062c.016.003.064.01.17 0c.198-.015.465-.066.907-.153c.616-.122 1.025-.203 1.333-.297c.294-.089.43-.17.522-.255q.146-.136.25-.314c.066-.117.12-.28.15-.606c.031-.338.032-.775.032-1.427z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-headphones {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.25%2012c0-5.385%204.365-9.75%209.75-9.75s9.75%204.365%209.75%209.75v2.793a.75.75%200%200%201%201%20.707v2a.75.75%200%200%201-1.008.704q-.008.3-.03.555c-.04.435-.128.836-.343%201.212c-.143.25-.323.477-.535.672c-.32.295-.692.463-1.103.588c-.388.117-.871.213-1.443.325l-.074.015c-.39.077-.744.147-1.04.17c-.317.025-.675.008-1.017-.185a1.8%201.8%200%200%201-.524-.45c-.237-.304-.316-.65-.35-.97c-.033-.3-.033-.672-.033-1.088v-5.236c0-.354%200-.672.025-.933c.027-.279.09-.58.273-.859c.151-.23.354-.422.593-.56c.295-.17.603-.208.88-.21c.257-.002.565.029.901.062l.07.007c.586.057%201.079.106%201.478.185c.274.054.533.128.776.245a8.25%208.25%200%200%200-16.492%200c.243-.117.502-.19.776-.245c.4-.079.892-.127%201.478-.185l.07-.007c.336-.033.644-.064.9-.062c.278.002.586.04.88.21c.24.138.443.33.594.56c.183.28.245.58.273.859c.025.26.025.579.025.933v5.236c0%20.416%200%20.787-.032%201.088c-.035.32-.114.666-.351.97a1.8%201.8%200%200%201-.524.45c-.342.193-.7.21-1.018.185a10%2010%200%200%201-1.04-.17l-.073-.015c-.572-.112-1.055-.208-1.443-.325c-.411-.125-.783-.293-1.103-.588a2.8%202.8%200%200%201-.535-.672c-.215-.376-.302-.777-.343-1.212a9%209%200%200%201-.03-.555a.75.75%200%200%201-1.008-.704v-2a.75.75%200%200%201%201-.707zm1.5%205.193c0%20.652%200%201.09.032%201.427c.03.326.084.49.15.606q.104.178.25.314c.092.085.228.166.522.255c.308.094.717.175%201.333.297c.442.087.71.138.906.154a.7.7%200%200%200%20.171-.001a.3.3%200%200%200%20.07-.062a.7.7%200%200%200%20.042-.207c.023-.211.024-.5.024-.966v-5.165c0-.398%200-.641-.018-.82a.7.7%200%200%200-.034-.182a.3.3%200%200%200-.083-.08a.7.7%200%200%200-.147-.013a9%209%200%200%200-.777.058c-.631.062-1.05.104-1.37.168c-.305.06-.447.128-.542.2c-.14.105-.26.24-.35.4c-.064.114-.118.278-.147.609c-.031.341-.032.785-.032%201.443zm16.5-1.565c0-.658%200-1.102-.032-1.443c-.03-.33-.083-.495-.147-.61a1.3%201.3%200%200%200-.35-.4c-.095-.071-.237-.139-.542-.2c-.32-.063-.739-.105-1.37-.167a9%209%200%200%200-.777-.058a.7.7%200%200%200-.147.012a.3.3%200%200%200-.083.081a.7.7%200%200%200-.034.181c-.017.18-.018.423-.018.82v5.166c0%20.466.001.755.024.965a.7.7%200%200%200%20.042.208q.032.04.07.062c.016.003.064.01.17%200c.198-.015.465-.066.907-.153c.616-.122%201.025-.203%201.333-.297c.294-.089.43-.17.522-.255q.146-.136.25-.314c.066-.117.12-.28.15-.606c.031-.338.032-.775.032-1.427z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.25%2012c0-5.385%204.365-9.75%209.75-9.75s9.75%204.365%209.75%209.75v2.793a.75.75%200%200%201%201%20.707v2a.75.75%200%200%201-1.008.704q-.008.3-.03.555c-.04.435-.128.836-.343%201.212c-.143.25-.323.477-.535.672c-.32.295-.692.463-1.103.588c-.388.117-.871.213-1.443.325l-.074.015c-.39.077-.744.147-1.04.17c-.317.025-.675.008-1.017-.185a1.8%201.8%200%200%201-.524-.45c-.237-.304-.316-.65-.35-.97c-.033-.3-.033-.672-.033-1.088v-5.236c0-.354%200-.672.025-.933c.027-.279.09-.58.273-.859c.151-.23.354-.422.593-.56c.295-.17.603-.208.88-.21c.257-.002.565.029.901.062l.07.007c.586.057%201.079.106%201.478.185c.274.054.533.128.776.245a8.25%208.25%200%200%200-16.492%200c.243-.117.502-.19.776-.245c.4-.079.892-.127%201.478-.185l.07-.007c.336-.033.644-.064.9-.062c.278.002.586.04.88.21c.24.138.443.33.594.56c.183.28.245.58.273.859c.025.26.025.579.025.933v5.236c0%20.416%200%20.787-.032%201.088c-.035.32-.114.666-.351.97a1.8%201.8%200%200%201-.524.45c-.342.193-.7.21-1.018.185a10%2010%200%200%201-1.04-.17l-.073-.015c-.572-.112-1.055-.208-1.443-.325c-.411-.125-.783-.293-1.103-.588a2.8%202.8%200%200%201-.535-.672c-.215-.376-.302-.777-.343-1.212a9%209%200%200%201-.03-.555a.75.75%200%200%201-1.008-.704v-2a.75.75%200%200%201%201-.707zm1.5%205.193c0%20.652%200%201.09.032%201.427c.03.326.084.49.15.606q.104.178.25.314c.092.085.228.166.522.255c.308.094.717.175%201.333.297c.442.087.71.138.906.154a.7.7%200%200%200%20.171-.001a.3.3%200%200%200%20.07-.062a.7.7%200%200%200%20.042-.207c.023-.211.024-.5.024-.966v-5.165c0-.398%200-.641-.018-.82a.7.7%200%200%200-.034-.182a.3.3%200%200%200-.083-.08a.7.7%200%200%200-.147-.013a9%209%200%200%200-.777.058c-.631.062-1.05.104-1.37.168c-.305.06-.447.128-.542.2c-.14.105-.26.24-.35.4c-.064.114-.118.278-.147.609c-.031.341-.032.785-.032%201.443zm16.5-1.565c0-.658%200-1.102-.032-1.443c-.03-.33-.083-.495-.147-.61a1.3%201.3%200%200%200-.35-.4c-.095-.071-.237-.139-.542-.2c-.32-.063-.739-.105-1.37-.167a9%209%200%200%200-.777-.058a.7.7%200%200%200-.147.012a.3.3%200%200%200-.083.081a.7.7%200%200%200-.034.181c-.017.18-.018.423-.018.82v5.166c0%20.466.001.755.024.965a.7.7%200%200%200%20.042.208q.032.04.07.062c.016.003.064.01.17%200c.198-.015.465-.066.907-.153c.616-.122%201.025-.203%201.333-.297c.294-.089.43-.17.522-.255q.146-.136.25-.314c.066-.117.12-.28.15-.606c.031-.338.032-.775.032-1.427z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/headphones.svg?color=%231a73e8&size=48
