ios headset icon
ios-headset from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-headset
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios headset icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 123.8c-24.3 0-46.9 10.1-63.9 28.4-17 18.3-26.1 33.2-26.1 59.6 0 7.7 5.9 14 13.2 14 7.3 0 13.2-6.3 13.2-14 0-17.3 6.6-32.4 19-43.5 11.8-10.6 27.7-16.5 44.7-16.5s32.9 5.8 44.7 16.5c12.4 11.2 19 26.2 19 43.5 0 7.7 5.9 14 13.2 14 7.3 0 13.2-6.3 13.2-14 0-26.4-9.2-41.3-26.1-59.6-17.2-18.4-39.8-28.4-64.1-28.4z" fill="currentColor"/><path d="M457.1 278.9C442.3 264.1 422.8 256 402 256h-8c-2.2 0-4-1.8-4-4v-37.8c0-35.7-14-69.3-39.4-94.7C325.3 94 291.7 80 256 80c-35.7 0-69.3 14-94.6 39.4-25.4 25.4-39.4 59-39.4 94.7V252c0 2.2-1.8 4-4 4h-8c-20.8 0-40.3 8.1-55.1 22.9C40.1 293.7 32 313.2 32 334v11.8c0 20.8 8.1 40.4 22.9 55.2 14.8 14.8 34.4 23 55.1 23h5.6c4 0 8 1.4 10.9 4.1 2.5 2.3 5.9 3.8 9.5 3.8 7.7 0 14-6.3 14-14.1V214.1c0-28.2 11.1-54.8 31.2-74.9 20.1-20.1 46.7-31.2 74.8-31.2 28.2 0 54.8 11.1 74.8 31.2 20.1 20.1 31.2 46.7 31.2 74.9v203.8c0 7.8 6.3 14.1 14 14.1 3.6 0 7-1.5 9.5-3.8 2.9-2.7 6.9-4.1 10.9-4.1h5.6c20.7 0 40.3-8.2 55.1-23 14.8-14.8 22.9-34.4 22.9-55.2V334c0-20.8-8.1-40.3-22.9-55.1z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosHeadset(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 123.8c-24.3 0-46.9 10.1-63.9 28.4-17 18.3-26.1 33.2-26.1 59.6 0 7.7 5.9 14 13.2 14 7.3 0 13.2-6.3 13.2-14 0-17.3 6.6-32.4 19-43.5 11.8-10.6 27.7-16.5 44.7-16.5s32.9 5.8 44.7 16.5c12.4 11.2 19 26.2 19 43.5 0 7.7 5.9 14 13.2 14 7.3 0 13.2-6.3 13.2-14 0-26.4-9.2-41.3-26.1-59.6-17.2-18.4-39.8-28.4-64.1-28.4z" fill="currentColor"/><path d="M457.1 278.9C442.3 264.1 422.8 256 402 256h-8c-2.2 0-4-1.8-4-4v-37.8c0-35.7-14-69.3-39.4-94.7C325.3 94 291.7 80 256 80c-35.7 0-69.3 14-94.6 39.4-25.4 25.4-39.4 59-39.4 94.7V252c0 2.2-1.8 4-4 4h-8c-20.8 0-40.3 8.1-55.1 22.9C40.1 293.7 32 313.2 32 334v11.8c0 20.8 8.1 40.4 22.9 55.2 14.8 14.8 34.4 23 55.1 23h5.6c4 0 8 1.4 10.9 4.1 2.5 2.3 5.9 3.8 9.5 3.8 7.7 0 14-6.3 14-14.1V214.1c0-28.2 11.1-54.8 31.2-74.9 20.1-20.1 46.7-31.2 74.8-31.2 28.2 0 54.8 11.1 74.8 31.2 20.1 20.1 31.2 46.7 31.2 74.9v203.8c0 7.8 6.3 14.1 14 14.1 3.6 0 7-1.5 9.5-3.8 2.9-2.7 6.9-4.1 10.9-4.1h5.6c20.7 0 40.3-8.2 55.1-23 14.8-14.8 22.9-34.4 22.9-55.2V334c0-20.8-8.1-40.3-22.9-55.1z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 123.8c-24.3 0-46.9 10.1-63.9 28.4-17 18.3-26.1 33.2-26.1 59.6 0 7.7 5.9 14 13.2 14 7.3 0 13.2-6.3 13.2-14 0-17.3 6.6-32.4 19-43.5 11.8-10.6 27.7-16.5 44.7-16.5s32.9 5.8 44.7 16.5c12.4 11.2 19 26.2 19 43.5 0 7.7 5.9 14 13.2 14 7.3 0 13.2-6.3 13.2-14 0-26.4-9.2-41.3-26.1-59.6-17.2-18.4-39.8-28.4-64.1-28.4z" fill="currentColor"/><path d="M457.1 278.9C442.3 264.1 422.8 256 402 256h-8c-2.2 0-4-1.8-4-4v-37.8c0-35.7-14-69.3-39.4-94.7C325.3 94 291.7 80 256 80c-35.7 0-69.3 14-94.6 39.4-25.4 25.4-39.4 59-39.4 94.7V252c0 2.2-1.8 4-4 4h-8c-20.8 0-40.3 8.1-55.1 22.9C40.1 293.7 32 313.2 32 334v11.8c0 20.8 8.1 40.4 22.9 55.2 14.8 14.8 34.4 23 55.1 23h5.6c4 0 8 1.4 10.9 4.1 2.5 2.3 5.9 3.8 9.5 3.8 7.7 0 14-6.3 14-14.1V214.1c0-28.2 11.1-54.8 31.2-74.9 20.1-20.1 46.7-31.2 74.8-31.2 28.2 0 54.8 11.1 74.8 31.2 20.1 20.1 31.2 46.7 31.2 74.9v203.8c0 7.8 6.3 14.1 14 14.1 3.6 0 7-1.5 9.5-3.8 2.9-2.7 6.9-4.1 10.9-4.1h5.6c20.7 0 40.3-8.2 55.1-23 14.8-14.8 22.9-34.4 22.9-55.2V334c0-20.8-8.1-40.3-22.9-55.1z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-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%20d%3D%22M256%20123.8c-24.3%200-46.9%2010.1-63.9%2028.4-17%2018.3-26.1%2033.2-26.1%2059.6%200%207.7%205.9%2014%2013.2%2014%207.3%200%2013.2-6.3%2013.2-14%200-17.3%206.6-32.4%2019-43.5%2011.8-10.6%2027.7-16.5%2044.7-16.5s32.9%205.8%2044.7%2016.5c12.4%2011.2%2019%2026.2%2019%2043.5%200%207.7%205.9%2014%2013.2%2014%207.3%200%2013.2-6.3%2013.2-14%200-26.4-9.2-41.3-26.1-59.6-17.2-18.4-39.8-28.4-64.1-28.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M457.1%20278.9C442.3%20264.1%20422.8%20256%20402%20256h-8c-2.2%200-4-1.8-4-4v-37.8c0-35.7-14-69.3-39.4-94.7C325.3%2094%20291.7%2080%20256%2080c-35.7%200-69.3%2014-94.6%2039.4-25.4%2025.4-39.4%2059-39.4%2094.7V252c0%202.2-1.8%204-4%204h-8c-20.8%200-40.3%208.1-55.1%2022.9C40.1%20293.7%2032%20313.2%2032%20334v11.8c0%2020.8%208.1%2040.4%2022.9%2055.2%2014.8%2014.8%2034.4%2023%2055.1%2023h5.6c4%200%208%201.4%2010.9%204.1%202.5%202.3%205.9%203.8%209.5%203.8%207.7%200%2014-6.3%2014-14.1V214.1c0-28.2%2011.1-54.8%2031.2-74.9%2020.1-20.1%2046.7-31.2%2074.8-31.2%2028.2%200%2054.8%2011.1%2074.8%2031.2%2020.1%2020.1%2031.2%2046.7%2031.2%2074.9v203.8c0%207.8%206.3%2014.1%2014%2014.1%203.6%200%207-1.5%209.5-3.8%202.9-2.7%206.9-4.1%2010.9-4.1h5.6c20.7%200%2040.3-8.2%2055.1-23%2014.8-14.8%2022.9-34.4%2022.9-55.2V334c0-20.8-8.1-40.3-22.9-55.1z%22%20fill%3D%22currentColor%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%20d%3D%22M256%20123.8c-24.3%200-46.9%2010.1-63.9%2028.4-17%2018.3-26.1%2033.2-26.1%2059.6%200%207.7%205.9%2014%2013.2%2014%207.3%200%2013.2-6.3%2013.2-14%200-17.3%206.6-32.4%2019-43.5%2011.8-10.6%2027.7-16.5%2044.7-16.5s32.9%205.8%2044.7%2016.5c12.4%2011.2%2019%2026.2%2019%2043.5%200%207.7%205.9%2014%2013.2%2014%207.3%200%2013.2-6.3%2013.2-14%200-26.4-9.2-41.3-26.1-59.6-17.2-18.4-39.8-28.4-64.1-28.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M457.1%20278.9C442.3%20264.1%20422.8%20256%20402%20256h-8c-2.2%200-4-1.8-4-4v-37.8c0-35.7-14-69.3-39.4-94.7C325.3%2094%20291.7%2080%20256%2080c-35.7%200-69.3%2014-94.6%2039.4-25.4%2025.4-39.4%2059-39.4%2094.7V252c0%202.2-1.8%204-4%204h-8c-20.8%200-40.3%208.1-55.1%2022.9C40.1%20293.7%2032%20313.2%2032%20334v11.8c0%2020.8%208.1%2040.4%2022.9%2055.2%2014.8%2014.8%2034.4%2023%2055.1%2023h5.6c4%200%208%201.4%2010.9%204.1%202.5%202.3%205.9%203.8%209.5%203.8%207.7%200%2014-6.3%2014-14.1V214.1c0-28.2%2011.1-54.8%2031.2-74.9%2020.1-20.1%2046.7-31.2%2074.8-31.2%2028.2%200%2054.8%2011.1%2074.8%2031.2%2020.1%2020.1%2031.2%2046.7%2031.2%2074.9v203.8c0%207.8%206.3%2014.1%2014%2014.1%203.6%200%207-1.5%209.5-3.8%202.9-2.7%206.9-4.1%2010.9-4.1h5.6c20.7%200%2040.3-8.2%2055.1-23%2014.8-14.8%2022.9-34.4%2022.9-55.2V334c0-20.8-8.1-40.3-22.9-55.1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-headset.svg?color=%231a73e8&size=48
