headphones sound icon
headphones-sound from Reicon by REICON · Outline · Devices · MIT Free for personal and commercial use.
- Name
- headphones-sound
- Set
- Reicon
- Style
- Outline
- Category
- Devices
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More devices icons from Reicon
Use the headphones sound 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="M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12v5.634c0 .913 0 1.526-.151 2.063a3.85 3.85 0 0 1-1.976 2.412c-.495.246-1.086.343-1.941.484l-.121.02l-.022.003c-.304.05-.565.094-.782.116a2.3 2.3 0 0 1-.698-.019a2.27 2.27 0 0 1-1.675-1.486a2.5 2.5 0 0 1-.121-.69c-.013-.225-.013-.5-.013-.823v-4.628c0-.477 0-.873.1-1.212a2.28 2.28 0 0 1 1.64-1.572c.344-.083.737-.05 1.185-.012l.102.008l.12.01c.84.07 1.421.117 1.914.308q.513.2.939.532V12a9.25 9.25 0 1 0-18.5 0v1.148q.426-.332.939-.532c.493-.191 1.073-.239 1.913-.308l.12-.01l.103-.008c.448-.038.84-.07 1.186.012c.79.19 1.406.798 1.638 1.572c.102.338.102.735.101 1.212v4.628c0 .324 0 .598-.013.823a2.5 2.5 0 0 1-.12.69a2.27 2.27 0 0 1-1.676 1.486a2.3 2.3 0 0 1-.698.019a14 14 0 0 1-.782-.116l-.022-.003l-.12-.02c-.856-.141-1.447-.238-1.942-.485a3.85 3.85 0 0 1-1.976-2.411c-.13-.462-.148-.98-.15-1.697v-.142l-.001-.225zm1.5 5.514c0 1.078.007 1.465.095 1.775a2.35 2.35 0 0 0 1.2 1.476c.267.133.615.199 1.639.368c.331.055.547.09.712.107c.162.016.22.009.243.004a.77.77 0 0 0 .562-.513c.012-.034.029-.105.039-.279c.01-.177.01-.409.01-.759v-4.506c0-.634-.008-.784-.037-.881a.78.78 0 0 0-.552-.545c-.078-.019-.203-.018-.815.032c-1.008.083-1.352.12-1.616.222A2.34 2.34 0 0 0 2.837 15.6c-.08.299-.087.677-.087 1.728zM12 5.75a.75.75 0 0 1 .75.75v5a.75.75 0 1 1-1.5 0v-5a.75.75 0 0 1 .75-.75m-3 1.5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0V8A.75.75 0 0 1 9 7.25m6 0a.75.75 0 0 1 .75.75v2a.75.75 0 1 1-1.5 0V8a.75.75 0 0 1 .75-.75m3.154 6.543c-.612-.05-.737-.051-.815-.032a.78.78 0 0 0-.552.545c-.029.097-.037.247-.037.881v4.506c0 .35 0 .582.01.76c.01.173.027.244.04.278a.77.77 0 0 0 .561.513a1 1 0 0 0 .243-.004c.166-.017.38-.052.713-.107c1.023-.17 1.371-.235 1.638-.367a2.35 2.35 0 0 0 1.2-1.477c.088-.31.095-.697.095-1.775v-.186c0-1.05-.006-1.43-.087-1.728a2.34 2.34 0 0 0-1.393-1.585c-.264-.103-.608-.139-1.616-.222" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconHeadphonesSound(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="M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12v5.634c0 .913 0 1.526-.151 2.063a3.85 3.85 0 0 1-1.976 2.412c-.495.246-1.086.343-1.941.484l-.121.02l-.022.003c-.304.05-.565.094-.782.116a2.3 2.3 0 0 1-.698-.019a2.27 2.27 0 0 1-1.675-1.486a2.5 2.5 0 0 1-.121-.69c-.013-.225-.013-.5-.013-.823v-4.628c0-.477 0-.873.1-1.212a2.28 2.28 0 0 1 1.64-1.572c.344-.083.737-.05 1.185-.012l.102.008l.12.01c.84.07 1.421.117 1.914.308q.513.2.939.532V12a9.25 9.25 0 1 0-18.5 0v1.148q.426-.332.939-.532c.493-.191 1.073-.239 1.913-.308l.12-.01l.103-.008c.448-.038.84-.07 1.186.012c.79.19 1.406.798 1.638 1.572c.102.338.102.735.101 1.212v4.628c0 .324 0 .598-.013.823a2.5 2.5 0 0 1-.12.69a2.27 2.27 0 0 1-1.676 1.486a2.3 2.3 0 0 1-.698.019a14 14 0 0 1-.782-.116l-.022-.003l-.12-.02c-.856-.141-1.447-.238-1.942-.485a3.85 3.85 0 0 1-1.976-2.411c-.13-.462-.148-.98-.15-1.697v-.142l-.001-.225zm1.5 5.514c0 1.078.007 1.465.095 1.775a2.35 2.35 0 0 0 1.2 1.476c.267.133.615.199 1.639.368c.331.055.547.09.712.107c.162.016.22.009.243.004a.77.77 0 0 0 .562-.513c.012-.034.029-.105.039-.279c.01-.177.01-.409.01-.759v-4.506c0-.634-.008-.784-.037-.881a.78.78 0 0 0-.552-.545c-.078-.019-.203-.018-.815.032c-1.008.083-1.352.12-1.616.222A2.34 2.34 0 0 0 2.837 15.6c-.08.299-.087.677-.087 1.728zM12 5.75a.75.75 0 0 1 .75.75v5a.75.75 0 1 1-1.5 0v-5a.75.75 0 0 1 .75-.75m-3 1.5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0V8A.75.75 0 0 1 9 7.25m6 0a.75.75 0 0 1 .75.75v2a.75.75 0 1 1-1.5 0V8a.75.75 0 0 1 .75-.75m3.154 6.543c-.612-.05-.737-.051-.815-.032a.78.78 0 0 0-.552.545c-.029.097-.037.247-.037.881v4.506c0 .35 0 .582.01.76c.01.173.027.244.04.278a.77.77 0 0 0 .561.513a1 1 0 0 0 .243-.004c.166-.017.38-.052.713-.107c1.023-.17 1.371-.235 1.638-.367a2.35 2.35 0 0 0 1.2-1.477c.088-.31.095-.697.095-1.775v-.186c0-1.05-.006-1.43-.087-1.728a2.34 2.34 0 0 0-1.393-1.585c-.264-.103-.608-.139-1.616-.222" 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="M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12v5.634c0 .913 0 1.526-.151 2.063a3.85 3.85 0 0 1-1.976 2.412c-.495.246-1.086.343-1.941.484l-.121.02l-.022.003c-.304.05-.565.094-.782.116a2.3 2.3 0 0 1-.698-.019a2.27 2.27 0 0 1-1.675-1.486a2.5 2.5 0 0 1-.121-.69c-.013-.225-.013-.5-.013-.823v-4.628c0-.477 0-.873.1-1.212a2.28 2.28 0 0 1 1.64-1.572c.344-.083.737-.05 1.185-.012l.102.008l.12.01c.84.07 1.421.117 1.914.308q.513.2.939.532V12a9.25 9.25 0 1 0-18.5 0v1.148q.426-.332.939-.532c.493-.191 1.073-.239 1.913-.308l.12-.01l.103-.008c.448-.038.84-.07 1.186.012c.79.19 1.406.798 1.638 1.572c.102.338.102.735.101 1.212v4.628c0 .324 0 .598-.013.823a2.5 2.5 0 0 1-.12.69a2.27 2.27 0 0 1-1.676 1.486a2.3 2.3 0 0 1-.698.019a14 14 0 0 1-.782-.116l-.022-.003l-.12-.02c-.856-.141-1.447-.238-1.942-.485a3.85 3.85 0 0 1-1.976-2.411c-.13-.462-.148-.98-.15-1.697v-.142l-.001-.225zm1.5 5.514c0 1.078.007 1.465.095 1.775a2.35 2.35 0 0 0 1.2 1.476c.267.133.615.199 1.639.368c.331.055.547.09.712.107c.162.016.22.009.243.004a.77.77 0 0 0 .562-.513c.012-.034.029-.105.039-.279c.01-.177.01-.409.01-.759v-4.506c0-.634-.008-.784-.037-.881a.78.78 0 0 0-.552-.545c-.078-.019-.203-.018-.815.032c-1.008.083-1.352.12-1.616.222A2.34 2.34 0 0 0 2.837 15.6c-.08.299-.087.677-.087 1.728zM12 5.75a.75.75 0 0 1 .75.75v5a.75.75 0 1 1-1.5 0v-5a.75.75 0 0 1 .75-.75m-3 1.5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0V8A.75.75 0 0 1 9 7.25m6 0a.75.75 0 0 1 .75.75v2a.75.75 0 1 1-1.5 0V8a.75.75 0 0 1 .75-.75m3.154 6.543c-.612-.05-.737-.051-.815-.032a.78.78 0 0 0-.552.545c-.029.097-.037.247-.037.881v4.506c0 .35 0 .582.01.76c.01.173.027.244.04.278a.77.77 0 0 0 .561.513a1 1 0 0 0 .243-.004c.166-.017.38-.052.713-.107c1.023-.17 1.371-.235 1.638-.367a2.35 2.35 0 0 0 1.2-1.477c.088-.31.095-.697.095-1.775v-.186c0-1.05-.006-1.43-.087-1.728a2.34 2.34 0 0 0-1.393-1.585c-.264-.103-.608-.139-1.616-.222" clip-rule="evenodd"/></svg> </template>
CSS
.icon-headphones-sound {
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%22M1.25%2012C1.25%206.063%206.063%201.25%2012%201.25S22.75%206.063%2022.75%2012v5.634c0%20.913%200%201.526-.151%202.063a3.85%203.85%200%200%201-1.976%202.412c-.495.246-1.086.343-1.941.484l-.121.02l-.022.003c-.304.05-.565.094-.782.116a2.3%202.3%200%200%201-.698-.019a2.27%202.27%200%200%201-1.675-1.486a2.5%202.5%200%200%201-.121-.69c-.013-.225-.013-.5-.013-.823v-4.628c0-.477%200-.873.1-1.212a2.28%202.28%200%200%201%201.64-1.572c.344-.083.737-.05%201.185-.012l.102.008l.12.01c.84.07%201.421.117%201.914.308q.513.2.939.532V12a9.25%209.25%200%201%200-18.5%200v1.148q.426-.332.939-.532c.493-.191%201.073-.239%201.913-.308l.12-.01l.103-.008c.448-.038.84-.07%201.186.012c.79.19%201.406.798%201.638%201.572c.102.338.102.735.101%201.212v4.628c0%20.324%200%20.598-.013.823a2.5%202.5%200%200%201-.12.69a2.27%202.27%200%200%201-1.676%201.486a2.3%202.3%200%200%201-.698.019a14%2014%200%200%201-.782-.116l-.022-.003l-.12-.02c-.856-.141-1.447-.238-1.942-.485a3.85%203.85%200%200%201-1.976-2.411c-.13-.462-.148-.98-.15-1.697v-.142l-.001-.225zm1.5%205.514c0%201.078.007%201.465.095%201.775a2.35%202.35%200%200%200%201.2%201.476c.267.133.615.199%201.639.368c.331.055.547.09.712.107c.162.016.22.009.243.004a.77.77%200%200%200%20.562-.513c.012-.034.029-.105.039-.279c.01-.177.01-.409.01-.759v-4.506c0-.634-.008-.784-.037-.881a.78.78%200%200%200-.552-.545c-.078-.019-.203-.018-.815.032c-1.008.083-1.352.12-1.616.222A2.34%202.34%200%200%200%202.837%2015.6c-.08.299-.087.677-.087%201.728zM12%205.75a.75.75%200%200%201%20.75.75v5a.75.75%200%201%201-1.5%200v-5a.75.75%200%200%201%20.75-.75m-3%201.5a.75.75%200%200%201%20.75.75v2a.75.75%200%200%201-1.5%200V8A.75.75%200%200%201%209%207.25m6%200a.75.75%200%200%201%20.75.75v2a.75.75%200%201%201-1.5%200V8a.75.75%200%200%201%20.75-.75m3.154%206.543c-.612-.05-.737-.051-.815-.032a.78.78%200%200%200-.552.545c-.029.097-.037.247-.037.881v4.506c0%20.35%200%20.582.01.76c.01.173.027.244.04.278a.77.77%200%200%200%20.561.513a1%201%200%200%200%20.243-.004c.166-.017.38-.052.713-.107c1.023-.17%201.371-.235%201.638-.367a2.35%202.35%200%200%200%201.2-1.477c.088-.31.095-.697.095-1.775v-.186c0-1.05-.006-1.43-.087-1.728a2.34%202.34%200%200%200-1.393-1.585c-.264-.103-.608-.139-1.616-.222%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%22M1.25%2012C1.25%206.063%206.063%201.25%2012%201.25S22.75%206.063%2022.75%2012v5.634c0%20.913%200%201.526-.151%202.063a3.85%203.85%200%200%201-1.976%202.412c-.495.246-1.086.343-1.941.484l-.121.02l-.022.003c-.304.05-.565.094-.782.116a2.3%202.3%200%200%201-.698-.019a2.27%202.27%200%200%201-1.675-1.486a2.5%202.5%200%200%201-.121-.69c-.013-.225-.013-.5-.013-.823v-4.628c0-.477%200-.873.1-1.212a2.28%202.28%200%200%201%201.64-1.572c.344-.083.737-.05%201.185-.012l.102.008l.12.01c.84.07%201.421.117%201.914.308q.513.2.939.532V12a9.25%209.25%200%201%200-18.5%200v1.148q.426-.332.939-.532c.493-.191%201.073-.239%201.913-.308l.12-.01l.103-.008c.448-.038.84-.07%201.186.012c.79.19%201.406.798%201.638%201.572c.102.338.102.735.101%201.212v4.628c0%20.324%200%20.598-.013.823a2.5%202.5%200%200%201-.12.69a2.27%202.27%200%200%201-1.676%201.486a2.3%202.3%200%200%201-.698.019a14%2014%200%200%201-.782-.116l-.022-.003l-.12-.02c-.856-.141-1.447-.238-1.942-.485a3.85%203.85%200%200%201-1.976-2.411c-.13-.462-.148-.98-.15-1.697v-.142l-.001-.225zm1.5%205.514c0%201.078.007%201.465.095%201.775a2.35%202.35%200%200%200%201.2%201.476c.267.133.615.199%201.639.368c.331.055.547.09.712.107c.162.016.22.009.243.004a.77.77%200%200%200%20.562-.513c.012-.034.029-.105.039-.279c.01-.177.01-.409.01-.759v-4.506c0-.634-.008-.784-.037-.881a.78.78%200%200%200-.552-.545c-.078-.019-.203-.018-.815.032c-1.008.083-1.352.12-1.616.222A2.34%202.34%200%200%200%202.837%2015.6c-.08.299-.087.677-.087%201.728zM12%205.75a.75.75%200%200%201%20.75.75v5a.75.75%200%201%201-1.5%200v-5a.75.75%200%200%201%20.75-.75m-3%201.5a.75.75%200%200%201%20.75.75v2a.75.75%200%200%201-1.5%200V8A.75.75%200%200%201%209%207.25m6%200a.75.75%200%200%201%20.75.75v2a.75.75%200%201%201-1.5%200V8a.75.75%200%200%201%20.75-.75m3.154%206.543c-.612-.05-.737-.051-.815-.032a.78.78%200%200%200-.552.545c-.029.097-.037.247-.037.881v4.506c0%20.35%200%20.582.01.76c.01.173.027.244.04.278a.77.77%200%200%200%20.561.513a1%201%200%200%200%20.243-.004c.166-.017.38-.052.713-.107c1.023-.17%201.371-.235%201.638-.367a2.35%202.35%200%200%200%201.2-1.477c.088-.31.095-.697.095-1.775v-.186c0-1.05-.006-1.43-.087-1.728a2.34%202.34%200%200%200-1.393-1.585c-.264-.103-.608-.139-1.616-.222%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-sound.svg?color=%231a73e8&size=48
