headphones icon
headphones-duotone from Reicon by REICON · Duotone · Devices · MIT Free for personal and commercial use.
- Name
- headphones-duotone
- Set
- Reicon
- Style
- Duotone
- 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"><g fill="currentColor"><path 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.5 0V17h-1v-5a8.25 8.25 0 0 0-16.5 0v5h-1v.5a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 1-.707z" clip-rule="evenodd" opacity=".5"/><path d="M8 14.05c0-.85 0-1.274-.21-1.57a1.2 1.2 0 0 0-.409-.358c-.325-.174-.763-.134-1.64-.053c-1.48.134-2.218.202-2.748.571a2.35 2.35 0 0 0-.661.7C2 13.885 2 14.6 2 16.03v1.74c0 1.417 0 2.126.338 2.673c.127.205.286.39.471.547c.495.423 1.217.555 2.662.818c1.016.186 1.525.279 1.9.083q.209-.11.36-.287C8 21.285 8 20.786 8 19.789zm8 0c0-.85 0-1.274.21-1.57c.105-.148.245-.271.409-.358c.325-.174.763-.134 1.64-.053c1.48.134 2.218.202 2.748.571c.268.188.493.426.661.7c.332.544.332 1.26.332 2.69v1.74c0 1.417 0 2.126-.338 2.673c-.127.205-.286.39-.471.547c-.495.423-1.217.555-2.662.818c-1.016.186-1.525.279-1.9.083a1.2 1.2 0 0 1-.36-.287C16 21.285 16 20.786 16 19.789z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconHeadphonesDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path 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.5 0V17h-1v-5a8.25 8.25 0 0 0-16.5 0v5h-1v.5a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 1-.707z" clipRule="evenodd" opacity=".5"/><path d="M8 14.05c0-.85 0-1.274-.21-1.57a1.2 1.2 0 0 0-.409-.358c-.325-.174-.763-.134-1.64-.053c-1.48.134-2.218.202-2.748.571a2.35 2.35 0 0 0-.661.7C2 13.885 2 14.6 2 16.03v1.74c0 1.417 0 2.126.338 2.673c.127.205.286.39.471.547c.495.423 1.217.555 2.662.818c1.016.186 1.525.279 1.9.083q.209-.11.36-.287C8 21.285 8 20.786 8 19.789zm8 0c0-.85 0-1.274.21-1.57c.105-.148.245-.271.409-.358c.325-.174.763-.134 1.64-.053c1.48.134 2.218.202 2.748.571c.268.188.493.426.661.7c.332.544.332 1.26.332 2.69v1.74c0 1.417 0 2.126-.338 2.673c-.127.205-.286.39-.471.547c-.495.423-1.217.555-2.662.818c-1.016.186-1.525.279-1.9.083a1.2 1.2 0 0 1-.36-.287C16 21.285 16 20.786 16 19.789z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path 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.5 0V17h-1v-5a8.25 8.25 0 0 0-16.5 0v5h-1v.5a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 1-.707z" clip-rule="evenodd" opacity=".5"/><path d="M8 14.05c0-.85 0-1.274-.21-1.57a1.2 1.2 0 0 0-.409-.358c-.325-.174-.763-.134-1.64-.053c-1.48.134-2.218.202-2.748.571a2.35 2.35 0 0 0-.661.7C2 13.885 2 14.6 2 16.03v1.74c0 1.417 0 2.126.338 2.673c.127.205.286.39.471.547c.495.423 1.217.555 2.662.818c1.016.186 1.525.279 1.9.083q.209-.11.36-.287C8 21.285 8 20.786 8 19.789zm8 0c0-.85 0-1.274.21-1.57c.105-.148.245-.271.409-.358c.325-.174.763-.134 1.64-.053c1.48.134 2.218.202 2.748.571c.268.188.493.426.661.7c.332.544.332 1.26.332 2.69v1.74c0 1.417 0 2.126-.338 2.673c-.127.205-.286.39-.471.547c-.495.423-1.217.555-2.662.818c-1.016.186-1.525.279-1.9.083a1.2 1.2 0 0 1-.36-.287C16 21.285 16 20.786 16 19.789z"/></g></svg> </template>
CSS
.icon-headphones-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%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.5%200V17h-1v-5a8.25%208.25%200%200%200-16.5%200v5h-1v.5a.75.75%200%200%201-1.5%200v-2a.75.75%200%200%201%201-.707z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M8%2014.05c0-.85%200-1.274-.21-1.57a1.2%201.2%200%200%200-.409-.358c-.325-.174-.763-.134-1.64-.053c-1.48.134-2.218.202-2.748.571a2.35%202.35%200%200%200-.661.7C2%2013.885%202%2014.6%202%2016.03v1.74c0%201.417%200%202.126.338%202.673c.127.205.286.39.471.547c.495.423%201.217.555%202.662.818c1.016.186%201.525.279%201.9.083q.209-.11.36-.287C8%2021.285%208%2020.786%208%2019.789zm8%200c0-.85%200-1.274.21-1.57c.105-.148.245-.271.409-.358c.325-.174.763-.134%201.64-.053c1.48.134%202.218.202%202.748.571c.268.188.493.426.661.7c.332.544.332%201.26.332%202.69v1.74c0%201.417%200%202.126-.338%202.673c-.127.205-.286.39-.471.547c-.495.423-1.217.555-2.662.818c-1.016.186-1.525.279-1.9.083a1.2%201.2%200%200%201-.36-.287C16%2021.285%2016%2020.786%2016%2019.789z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%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.5%200V17h-1v-5a8.25%208.25%200%200%200-16.5%200v5h-1v.5a.75.75%200%200%201-1.5%200v-2a.75.75%200%200%201%201-.707z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M8%2014.05c0-.85%200-1.274-.21-1.57a1.2%201.2%200%200%200-.409-.358c-.325-.174-.763-.134-1.64-.053c-1.48.134-2.218.202-2.748.571a2.35%202.35%200%200%200-.661.7C2%2013.885%202%2014.6%202%2016.03v1.74c0%201.417%200%202.126.338%202.673c.127.205.286.39.471.547c.495.423%201.217.555%202.662.818c1.016.186%201.525.279%201.9.083q.209-.11.36-.287C8%2021.285%208%2020.786%208%2019.789zm8%200c0-.85%200-1.274.21-1.57c.105-.148.245-.271.409-.358c.325-.174.763-.134%201.64-.053c1.48.134%202.218.202%202.748.571c.268.188.493.426.661.7c.332.544.332%201.26.332%202.69v1.74c0%201.417%200%202.126-.338%202.673c-.127.205-.286.39-.471.547c-.495.423-1.217.555-2.662.818c-1.016.186-1.525.279-1.9.083a1.2%201.2%200%200%201-.36-.287C16%2021.285%2016%2020.786%2016%2019.789z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/headphones-duotone.svg?color=%231a73e8&size=48
