headset icon
headset from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- headset
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
headsetBootstrap IconsheadsetCarbonheadsetElement PlusheadsetFont Awesome 6 SolidheadsetFont Awesome Solidheadset-16-filledFluent UI System Iconsheadset-16Fluent UI System Color Iconsheadsetcss.ggheadsetHuge IconsheadsetIconParkheadsetIconPark OutlineheadsetIconPark SolidheadsetIconPark TwoToneheadsetIconoirheadsetJam IconsheadsetLine AwesomeheadsetLucideheadsetMajesticonsheadsetMaterial Design IconsheadsetPhosphorheadsetPixelarticonsheadsetTabler Iconsheadset-outlineTeenyicons
Use the headset icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M411.16 97.46C368.43 55.86 311.88 32 256 32S143.57 55.86 100.84 97.46C56.45 140.67 32 197 32 256c0 26.67 8.75 61.09 32.88 125.55S137 473 157.27 477.41c5.81 1.27 12.62 2.59 18.73 2.59a60.06 60.06 0 0 0 30-8l14-8c15.07-8.82 19.47-28.13 10.8-43.35l-86.92-152.57a31.73 31.73 0 0 0-43.57-11.76l-13.69 8a56.5 56.5 0 0 0-14 11.59a4 4 0 0 1-7-2A115 115 0 0 1 64 256c0-50.31 21-98.48 59.16-135.61C160 84.55 208.39 64 256 64s96 20.55 132.84 56.39C427 157.52 448 205.69 448 256a115 115 0 0 1-1.68 17.91a4 4 0 0 1-7 2a56.5 56.5 0 0 0-14-11.59l-13.69-8a31.73 31.73 0 0 0-43.57 11.76L281.2 420.65c-8.67 15.22-4.27 34.53 10.8 43.35l14 8a60.06 60.06 0 0 0 30 8c6.11 0 12.92-1.32 18.73-2.59C375 473 423 446 447.12 381.55S480 282.67 480 256c0-59-24.45-115.33-68.84-158.54"/></svg>
React
import type { SVGProps } from "react";
export function IonHeadset(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M411.16 97.46C368.43 55.86 311.88 32 256 32S143.57 55.86 100.84 97.46C56.45 140.67 32 197 32 256c0 26.67 8.75 61.09 32.88 125.55S137 473 157.27 477.41c5.81 1.27 12.62 2.59 18.73 2.59a60.06 60.06 0 0 0 30-8l14-8c15.07-8.82 19.47-28.13 10.8-43.35l-86.92-152.57a31.73 31.73 0 0 0-43.57-11.76l-13.69 8a56.5 56.5 0 0 0-14 11.59a4 4 0 0 1-7-2A115 115 0 0 1 64 256c0-50.31 21-98.48 59.16-135.61C160 84.55 208.39 64 256 64s96 20.55 132.84 56.39C427 157.52 448 205.69 448 256a115 115 0 0 1-1.68 17.91a4 4 0 0 1-7 2a56.5 56.5 0 0 0-14-11.59l-13.69-8a31.73 31.73 0 0 0-43.57 11.76L281.2 420.65c-8.67 15.22-4.27 34.53 10.8 43.35l14 8a60.06 60.06 0 0 0 30 8c6.11 0 12.92-1.32 18.73-2.59C375 473 423 446 447.12 381.55S480 282.67 480 256c0-59-24.45-115.33-68.84-158.54"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M411.16 97.46C368.43 55.86 311.88 32 256 32S143.57 55.86 100.84 97.46C56.45 140.67 32 197 32 256c0 26.67 8.75 61.09 32.88 125.55S137 473 157.27 477.41c5.81 1.27 12.62 2.59 18.73 2.59a60.06 60.06 0 0 0 30-8l14-8c15.07-8.82 19.47-28.13 10.8-43.35l-86.92-152.57a31.73 31.73 0 0 0-43.57-11.76l-13.69 8a56.5 56.5 0 0 0-14 11.59a4 4 0 0 1-7-2A115 115 0 0 1 64 256c0-50.31 21-98.48 59.16-135.61C160 84.55 208.39 64 256 64s96 20.55 132.84 56.39C427 157.52 448 205.69 448 256a115 115 0 0 1-1.68 17.91a4 4 0 0 1-7 2a56.5 56.5 0 0 0-14-11.59l-13.69-8a31.73 31.73 0 0 0-43.57 11.76L281.2 420.65c-8.67 15.22-4.27 34.53 10.8 43.35l14 8a60.06 60.06 0 0 0 30 8c6.11 0 12.92-1.32 18.73-2.59C375 473 423 446 447.12 381.55S480 282.67 480 256c0-59-24.45-115.33-68.84-158.54"/></svg> </template>
CSS
.icon-headset {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M411.16%2097.46C368.43%2055.86%20311.88%2032%20256%2032S143.57%2055.86%20100.84%2097.46C56.45%20140.67%2032%20197%2032%20256c0%2026.67%208.75%2061.09%2032.88%20125.55S137%20473%20157.27%20477.41c5.81%201.27%2012.62%202.59%2018.73%202.59a60.06%2060.06%200%200%200%2030-8l14-8c15.07-8.82%2019.47-28.13%2010.8-43.35l-86.92-152.57a31.73%2031.73%200%200%200-43.57-11.76l-13.69%208a56.5%2056.5%200%200%200-14%2011.59a4%204%200%200%201-7-2A115%20115%200%200%201%2064%20256c0-50.31%2021-98.48%2059.16-135.61C160%2084.55%20208.39%2064%20256%2064s96%2020.55%20132.84%2056.39C427%20157.52%20448%20205.69%20448%20256a115%20115%200%200%201-1.68%2017.91a4%204%200%200%201-7%202a56.5%2056.5%200%200%200-14-11.59l-13.69-8a31.73%2031.73%200%200%200-43.57%2011.76L281.2%20420.65c-8.67%2015.22-4.27%2034.53%2010.8%2043.35l14%208a60.06%2060.06%200%200%200%2030%208c6.11%200%2012.92-1.32%2018.73-2.59C375%20473%20423%20446%20447.12%20381.55S480%20282.67%20480%20256c0-59-24.45-115.33-68.84-158.54%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M411.16%2097.46C368.43%2055.86%20311.88%2032%20256%2032S143.57%2055.86%20100.84%2097.46C56.45%20140.67%2032%20197%2032%20256c0%2026.67%208.75%2061.09%2032.88%20125.55S137%20473%20157.27%20477.41c5.81%201.27%2012.62%202.59%2018.73%202.59a60.06%2060.06%200%200%200%2030-8l14-8c15.07-8.82%2019.47-28.13%2010.8-43.35l-86.92-152.57a31.73%2031.73%200%200%200-43.57-11.76l-13.69%208a56.5%2056.5%200%200%200-14%2011.59a4%204%200%200%201-7-2A115%20115%200%200%201%2064%20256c0-50.31%2021-98.48%2059.16-135.61C160%2084.55%20208.39%2064%20256%2064s96%2020.55%20132.84%2056.39C427%20157.52%20448%20205.69%20448%20256a115%20115%200%200%201-1.68%2017.91a4%204%200%200%201-7%202a56.5%2056.5%200%200%200-14-11.59l-13.69-8a31.73%2031.73%200%200%200-43.57%2011.76L281.2%20420.65c-8.67%2015.22-4.27%2034.53%2010.8%2043.35l14%208a60.06%2060.06%200%200%200%2030%208c6.11%200%2012.92-1.32%2018.73-2.59C375%20473%20423%20446%20447.12%20381.55S480%20282.67%20480%20256c0-59-24.45-115.33-68.84-158.54%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/headset.svg?color=%231a73e8&size=48
