headphones3 icon
headphones3 from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- headphones3
- Set
- Reicon
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More ui icons from Reicon
Use the headphones3 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="M12 2.25C6.063 2.25 1.25 7.063 1.25 13v5.189c0 .287 0 .493.02.675a3.25 3.25 0 0 0 2.866 2.866c.182.02.388.02.675.02h.074c.104 0 .212 0 .311-.011a1.75 1.75 0 0 0 1.543-1.543c.011-.1.011-.207.011-.311v-4.77c0-.104 0-.212-.011-.311a1.75 1.75 0 0 0-1.543-1.543a3 3 0 0 0-.311-.011H4.81c-.287 0-.493 0-.675.02c-.507.058-.978.23-1.386.491V13a9.25 9.25 0 0 1 18.5 0v.761a3.24 3.24 0 0 0-1.386-.49a6 6 0 0 0-.675-.021h-.074c-.104 0-.211 0-.31.011a1.75 1.75 0 0 0-1.544 1.543c-.011.1-.011.207-.011.311v4.77c0 .104 0 .211.011.31a1.75 1.75 0 0 0 1.543 1.544c.1.011.207.011.311.011h.074c.287 0 .493 0 .675-.02a3.25 3.25 0 0 0 2.866-2.866c.02-.182.02-.388.02-.675V13c0-5.937-4.813-10.75-10.75-10.75m9.25 14.607c0-.352-.001-.466-.011-.553a1.75 1.75 0 0 0-1.543-1.543a6 6 0 0 0-.553-.011H19l-.03.002a.25.25 0 0 0-.22.219V15l-.001.142v4.856l.002.03a.25.25 0 0 0 .219.22H19l.142.001a6 6 0 0 0 .553-.011a1.75 1.75 0 0 0 1.543-1.543c.01-.087.011-.201.011-.553zm-18.5.144v-.16c0-.34.001-.451.011-.537a1.75 1.75 0 0 1 1.543-1.543c.087-.01.201-.011.553-.011l.172.002a.25.25 0 0 1 .22.25l.001.14v4.715l-.002.172a.25.25 0 0 1-.219.22H5l-.142.001c-.352 0-.466-.001-.553-.011a1.75 1.75 0 0 1-1.543-1.543a6 6 0 0 1-.011-.553z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconHeadphones3(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="M12 2.25C6.063 2.25 1.25 7.063 1.25 13v5.189c0 .287 0 .493.02.675a3.25 3.25 0 0 0 2.866 2.866c.182.02.388.02.675.02h.074c.104 0 .212 0 .311-.011a1.75 1.75 0 0 0 1.543-1.543c.011-.1.011-.207.011-.311v-4.77c0-.104 0-.212-.011-.311a1.75 1.75 0 0 0-1.543-1.543a3 3 0 0 0-.311-.011H4.81c-.287 0-.493 0-.675.02c-.507.058-.978.23-1.386.491V13a9.25 9.25 0 0 1 18.5 0v.761a3.24 3.24 0 0 0-1.386-.49a6 6 0 0 0-.675-.021h-.074c-.104 0-.211 0-.31.011a1.75 1.75 0 0 0-1.544 1.543c-.011.1-.011.207-.011.311v4.77c0 .104 0 .211.011.31a1.75 1.75 0 0 0 1.543 1.544c.1.011.207.011.311.011h.074c.287 0 .493 0 .675-.02a3.25 3.25 0 0 0 2.866-2.866c.02-.182.02-.388.02-.675V13c0-5.937-4.813-10.75-10.75-10.75m9.25 14.607c0-.352-.001-.466-.011-.553a1.75 1.75 0 0 0-1.543-1.543a6 6 0 0 0-.553-.011H19l-.03.002a.25.25 0 0 0-.22.219V15l-.001.142v4.856l.002.03a.25.25 0 0 0 .219.22H19l.142.001a6 6 0 0 0 .553-.011a1.75 1.75 0 0 0 1.543-1.543c.01-.087.011-.201.011-.553zm-18.5.144v-.16c0-.34.001-.451.011-.537a1.75 1.75 0 0 1 1.543-1.543c.087-.01.201-.011.553-.011l.172.002a.25.25 0 0 1 .22.25l.001.14v4.715l-.002.172a.25.25 0 0 1-.219.22H5l-.142.001c-.352 0-.466-.001-.553-.011a1.75 1.75 0 0 1-1.543-1.543a6 6 0 0 1-.011-.553z" 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="M12 2.25C6.063 2.25 1.25 7.063 1.25 13v5.189c0 .287 0 .493.02.675a3.25 3.25 0 0 0 2.866 2.866c.182.02.388.02.675.02h.074c.104 0 .212 0 .311-.011a1.75 1.75 0 0 0 1.543-1.543c.011-.1.011-.207.011-.311v-4.77c0-.104 0-.212-.011-.311a1.75 1.75 0 0 0-1.543-1.543a3 3 0 0 0-.311-.011H4.81c-.287 0-.493 0-.675.02c-.507.058-.978.23-1.386.491V13a9.25 9.25 0 0 1 18.5 0v.761a3.24 3.24 0 0 0-1.386-.49a6 6 0 0 0-.675-.021h-.074c-.104 0-.211 0-.31.011a1.75 1.75 0 0 0-1.544 1.543c-.011.1-.011.207-.011.311v4.77c0 .104 0 .211.011.31a1.75 1.75 0 0 0 1.543 1.544c.1.011.207.011.311.011h.074c.287 0 .493 0 .675-.02a3.25 3.25 0 0 0 2.866-2.866c.02-.182.02-.388.02-.675V13c0-5.937-4.813-10.75-10.75-10.75m9.25 14.607c0-.352-.001-.466-.011-.553a1.75 1.75 0 0 0-1.543-1.543a6 6 0 0 0-.553-.011H19l-.03.002a.25.25 0 0 0-.22.219V15l-.001.142v4.856l.002.03a.25.25 0 0 0 .219.22H19l.142.001a6 6 0 0 0 .553-.011a1.75 1.75 0 0 0 1.543-1.543c.01-.087.011-.201.011-.553zm-18.5.144v-.16c0-.34.001-.451.011-.537a1.75 1.75 0 0 1 1.543-1.543c.087-.01.201-.011.553-.011l.172.002a.25.25 0 0 1 .22.25l.001.14v4.715l-.002.172a.25.25 0 0 1-.219.22H5l-.142.001c-.352 0-.466-.001-.553-.011a1.75 1.75 0 0 1-1.543-1.543a6 6 0 0 1-.011-.553z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-headphones3 {
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%22M12%202.25C6.063%202.25%201.25%207.063%201.25%2013v5.189c0%20.287%200%20.493.02.675a3.25%203.25%200%200%200%202.866%202.866c.182.02.388.02.675.02h.074c.104%200%20.212%200%20.311-.011a1.75%201.75%200%200%200%201.543-1.543c.011-.1.011-.207.011-.311v-4.77c0-.104%200-.212-.011-.311a1.75%201.75%200%200%200-1.543-1.543a3%203%200%200%200-.311-.011H4.81c-.287%200-.493%200-.675.02c-.507.058-.978.23-1.386.491V13a9.25%209.25%200%200%201%2018.5%200v.761a3.24%203.24%200%200%200-1.386-.49a6%206%200%200%200-.675-.021h-.074c-.104%200-.211%200-.31.011a1.75%201.75%200%200%200-1.544%201.543c-.011.1-.011.207-.011.311v4.77c0%20.104%200%20.211.011.31a1.75%201.75%200%200%200%201.543%201.544c.1.011.207.011.311.011h.074c.287%200%20.493%200%20.675-.02a3.25%203.25%200%200%200%202.866-2.866c.02-.182.02-.388.02-.675V13c0-5.937-4.813-10.75-10.75-10.75m9.25%2014.607c0-.352-.001-.466-.011-.553a1.75%201.75%200%200%200-1.543-1.543a6%206%200%200%200-.553-.011H19l-.03.002a.25.25%200%200%200-.22.219V15l-.001.142v4.856l.002.03a.25.25%200%200%200%20.219.22H19l.142.001a6%206%200%200%200%20.553-.011a1.75%201.75%200%200%200%201.543-1.543c.01-.087.011-.201.011-.553zm-18.5.144v-.16c0-.34.001-.451.011-.537a1.75%201.75%200%200%201%201.543-1.543c.087-.01.201-.011.553-.011l.172.002a.25.25%200%200%201%20.22.25l.001.14v4.715l-.002.172a.25.25%200%200%201-.219.22H5l-.142.001c-.352%200-.466-.001-.553-.011a1.75%201.75%200%200%201-1.543-1.543a6%206%200%200%201-.011-.553z%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%22M12%202.25C6.063%202.25%201.25%207.063%201.25%2013v5.189c0%20.287%200%20.493.02.675a3.25%203.25%200%200%200%202.866%202.866c.182.02.388.02.675.02h.074c.104%200%20.212%200%20.311-.011a1.75%201.75%200%200%200%201.543-1.543c.011-.1.011-.207.011-.311v-4.77c0-.104%200-.212-.011-.311a1.75%201.75%200%200%200-1.543-1.543a3%203%200%200%200-.311-.011H4.81c-.287%200-.493%200-.675.02c-.507.058-.978.23-1.386.491V13a9.25%209.25%200%200%201%2018.5%200v.761a3.24%203.24%200%200%200-1.386-.49a6%206%200%200%200-.675-.021h-.074c-.104%200-.211%200-.31.011a1.75%201.75%200%200%200-1.544%201.543c-.011.1-.011.207-.011.311v4.77c0%20.104%200%20.211.011.31a1.75%201.75%200%200%200%201.543%201.544c.1.011.207.011.311.011h.074c.287%200%20.493%200%20.675-.02a3.25%203.25%200%200%200%202.866-2.866c.02-.182.02-.388.02-.675V13c0-5.937-4.813-10.75-10.75-10.75m9.25%2014.607c0-.352-.001-.466-.011-.553a1.75%201.75%200%200%200-1.543-1.543a6%206%200%200%200-.553-.011H19l-.03.002a.25.25%200%200%200-.22.219V15l-.001.142v4.856l.002.03a.25.25%200%200%200%20.219.22H19l.142.001a6%206%200%200%200%20.553-.011a1.75%201.75%200%200%200%201.543-1.543c.01-.087.011-.201.011-.553zm-18.5.144v-.16c0-.34.001-.451.011-.537a1.75%201.75%200%200%201%201.543-1.543c.087-.01.201-.011.553-.011l.172.002a.25.25%200%200%201%20.22.25l.001.14v4.715l-.002.172a.25.25%200%200%201-.219.22H5l-.142.001c-.352%200-.466-.001-.553-.011a1.75%201.75%200%200%201-1.543-1.543a6%206%200%200%201-.011-.553z%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/headphones3.svg?color=%231a73e8&size=48
