headset icon
headset-filled from Reicon by REICON · Filled · Call · MIT Free for personal and commercial use.
- Name
- headset-filled
- Set
- Reicon
- Style
- Filled
- Category
- Call
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All headset icons →headsetBootstrap IconsheadsetCarbonheadsetElement PlusheadsetFont Awesome 6 SolidheadsetFont Awesome Solidheadset-16-filledFluent UI System Iconsheadset-16Fluent UI System Color Iconsheadsetcss.ggheadsetHuge IconsheadsetIconParkheadsetIconPark OutlineheadsetIconPark SolidheadsetIconPark TwoToneheadsetIconoirheadsetIonIconsheadsetJam IconsheadsetKeyline IconsheadsetLine AwesomeheadsetLucideheadsetMajesticonsheadsetMaterial Design IconsheadsetPhosphorheadsetPixelarticonsheadsetTabler Icons
More call icons from Reicon
Use the headset icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.279 22.667h-2.612a1 1 0 0 1 0-2h2.612a1.66 1.66 0 0 0 1.625-1.295l.457-1.935a1.003 1.003 0 0 1 1.203-.744c.536.127.87.667.743 1.203l-.456 1.93a3.65 3.65 0 0 1-3.572 2.84"/><path d="M18.85 18.667h-1.517c-.302 0-.588-.138-.778-.372a1 1 0 0 1-.2-.84l1.446-6.666A6 6 0 0 0 18 9.335c0-3.308-2.692-6-6-6s-6 2.692-6 6c0 .438.061.892.193 1.428l1.452 6.693a1 1 0 0 1-.977 1.21H5.152a3.69 3.69 0 0 1-3.584-2.889l-.447-2.06a3.67 3.67 0 0 1 1.932-4.049l.95-.479C4.08 4.845 7.637 1.335 12 1.335s7.92 3.51 7.999 7.854l.949.479a3.67 3.67 0 0 1 1.932 4.05l-.447 2.06a3.69 3.69 0 0 1-3.584 2.889Z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconHeadsetFilled(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 d="M14.279 22.667h-2.612a1 1 0 0 1 0-2h2.612a1.66 1.66 0 0 0 1.625-1.295l.457-1.935a1.003 1.003 0 0 1 1.203-.744c.536.127.87.667.743 1.203l-.456 1.93a3.65 3.65 0 0 1-3.572 2.84"/><path d="M18.85 18.667h-1.517c-.302 0-.588-.138-.778-.372a1 1 0 0 1-.2-.84l1.446-6.666A6 6 0 0 0 18 9.335c0-3.308-2.692-6-6-6s-6 2.692-6 6c0 .438.061.892.193 1.428l1.452 6.693a1 1 0 0 1-.977 1.21H5.152a3.69 3.69 0 0 1-3.584-2.889l-.447-2.06a3.67 3.67 0 0 1 1.932-4.049l.95-.479C4.08 4.845 7.637 1.335 12 1.335s7.92 3.51 7.999 7.854l.949.479a3.67 3.67 0 0 1 1.932 4.05l-.447 2.06a3.69 3.69 0 0 1-3.584 2.889Z"/></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 d="M14.279 22.667h-2.612a1 1 0 0 1 0-2h2.612a1.66 1.66 0 0 0 1.625-1.295l.457-1.935a1.003 1.003 0 0 1 1.203-.744c.536.127.87.667.743 1.203l-.456 1.93a3.65 3.65 0 0 1-3.572 2.84"/><path d="M18.85 18.667h-1.517c-.302 0-.588-.138-.778-.372a1 1 0 0 1-.2-.84l1.446-6.666A6 6 0 0 0 18 9.335c0-3.308-2.692-6-6-6s-6 2.692-6 6c0 .438.061.892.193 1.428l1.452 6.693a1 1 0 0 1-.977 1.21H5.152a3.69 3.69 0 0 1-3.584-2.889l-.447-2.06a3.67 3.67 0 0 1 1.932-4.049l.95-.479C4.08 4.845 7.637 1.335 12 1.335s7.92 3.51 7.999 7.854l.949.479a3.67 3.67 0 0 1 1.932 4.05l-.447 2.06a3.69 3.69 0 0 1-3.584 2.889Z"/></g></svg> </template>
CSS
.icon-headset-filled {
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%20d%3D%22M14.279%2022.667h-2.612a1%201%200%200%201%200-2h2.612a1.66%201.66%200%200%200%201.625-1.295l.457-1.935a1.003%201.003%200%200%201%201.203-.744c.536.127.87.667.743%201.203l-.456%201.93a3.65%203.65%200%200%201-3.572%202.84%22%2F%3E%3Cpath%20d%3D%22M18.85%2018.667h-1.517c-.302%200-.588-.138-.778-.372a1%201%200%200%201-.2-.84l1.446-6.666A6%206%200%200%200%2018%209.335c0-3.308-2.692-6-6-6s-6%202.692-6%206c0%20.438.061.892.193%201.428l1.452%206.693a1%201%200%200%201-.977%201.21H5.152a3.69%203.69%200%200%201-3.584-2.889l-.447-2.06a3.67%203.67%200%200%201%201.932-4.049l.95-.479C4.08%204.845%207.637%201.335%2012%201.335s7.92%203.51%207.999%207.854l.949.479a3.67%203.67%200%200%201%201.932%204.05l-.447%202.06a3.69%203.69%200%200%201-3.584%202.889Z%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%20d%3D%22M14.279%2022.667h-2.612a1%201%200%200%201%200-2h2.612a1.66%201.66%200%200%200%201.625-1.295l.457-1.935a1.003%201.003%200%200%201%201.203-.744c.536.127.87.667.743%201.203l-.456%201.93a3.65%203.65%200%200%201-3.572%202.84%22%2F%3E%3Cpath%20d%3D%22M18.85%2018.667h-1.517c-.302%200-.588-.138-.778-.372a1%201%200%200%201-.2-.84l1.446-6.666A6%206%200%200%200%2018%209.335c0-3.308-2.692-6-6-6s-6%202.692-6%206c0%20.438.061.892.193%201.428l1.452%206.693a1%201%200%200%201-.977%201.21H5.152a3.69%203.69%200%200%201-3.584-2.889l-.447-2.06a3.67%203.67%200%200%201%201.932-4.049l.95-.479C4.08%204.845%207.637%201.335%2012%201.335s7.92%203.51%207.999%207.854l.949.479a3.67%203.67%200%200%201%201.932%204.05l-.447%202.06a3.69%203.69%200%200%201-3.584%202.889Z%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/headset-filled.svg?color=%231a73e8&size=48
