earbuds icon
earbuds from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.
- Name
- earbuds
- Set
- Keyline Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Use the earbuds icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M10 19L10 7C10 4.7909 8.2091 3 6 3C3.7909 3 2 4.7909 2 7C2 8.9008 3.3376 10.539 5.2 10.9192C5.6656 11.0142 6 11.4238 6 11.899L6 19C6 20.1046 6.8954 21 8 21C9.1046 21 10 20.1046 10 19ZM14 19C14 20.1046 14.8954 21 16 21C17.1046 21 18 20.1046 18 19L18 11.899C18 11.4238 18.3344 11.0142 18.8 10.9192C20.6624 10.539 22 8.9008 22 7C22 4.7909 20.2091 3 18 3C15.7909 3 14 4.7909 14 7L14 19ZM6 17L10 17M14 17L18 17"/><path fill="currentColor" d="M7 7C7 7.5523 6.5523 8 6 8C5.4477 8 5 7.5523 5 7C5 6.4477 5.4477 6 6 6C6.5523 6 7 6.4477 7 7ZM19 7C19 7.5523 18.5523 8 18 8C17.4477 8 17 7.5523 17 7C17 6.4477 17.4477 6 18 6C18.5523 6 19 6.4477 19 7Z" stroke="none"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsEarbuds(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M10 19L10 7C10 4.7909 8.2091 3 6 3C3.7909 3 2 4.7909 2 7C2 8.9008 3.3376 10.539 5.2 10.9192C5.6656 11.0142 6 11.4238 6 11.899L6 19C6 20.1046 6.8954 21 8 21C9.1046 21 10 20.1046 10 19ZM14 19C14 20.1046 14.8954 21 16 21C17.1046 21 18 20.1046 18 19L18 11.899C18 11.4238 18.3344 11.0142 18.8 10.9192C20.6624 10.539 22 8.9008 22 7C22 4.7909 20.2091 3 18 3C15.7909 3 14 4.7909 14 7L14 19ZM6 17L10 17M14 17L18 17"/><path fill="currentColor" d="M7 7C7 7.5523 6.5523 8 6 8C5.4477 8 5 7.5523 5 7C5 6.4477 5.4477 6 6 6C6.5523 6 7 6.4477 7 7ZM19 7C19 7.5523 18.5523 8 18 8C17.4477 8 17 7.5523 17 7C17 6.4477 17.4477 6 18 6C18.5523 6 19 6.4477 19 7Z" stroke="none"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M10 19L10 7C10 4.7909 8.2091 3 6 3C3.7909 3 2 4.7909 2 7C2 8.9008 3.3376 10.539 5.2 10.9192C5.6656 11.0142 6 11.4238 6 11.899L6 19C6 20.1046 6.8954 21 8 21C9.1046 21 10 20.1046 10 19ZM14 19C14 20.1046 14.8954 21 16 21C17.1046 21 18 20.1046 18 19L18 11.899C18 11.4238 18.3344 11.0142 18.8 10.9192C20.6624 10.539 22 8.9008 22 7C22 4.7909 20.2091 3 18 3C15.7909 3 14 4.7909 14 7L14 19ZM6 17L10 17M14 17L18 17"/><path fill="currentColor" d="M7 7C7 7.5523 6.5523 8 6 8C5.4477 8 5 7.5523 5 7C5 6.4477 5.4477 6 6 6C6.5523 6 7 6.4477 7 7ZM19 7C19 7.5523 18.5523 8 18 8C17.4477 8 17 7.5523 17 7C17 6.4477 17.4477 6 18 6C18.5523 6 19 6.4477 19 7Z" stroke="none"/></g></svg> </template>
CSS
.icon-earbuds {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M10%2019L10%207C10%204.7909%208.2091%203%206%203C3.7909%203%202%204.7909%202%207C2%208.9008%203.3376%2010.539%205.2%2010.9192C5.6656%2011.0142%206%2011.4238%206%2011.899L6%2019C6%2020.1046%206.8954%2021%208%2021C9.1046%2021%2010%2020.1046%2010%2019ZM14%2019C14%2020.1046%2014.8954%2021%2016%2021C17.1046%2021%2018%2020.1046%2018%2019L18%2011.899C18%2011.4238%2018.3344%2011.0142%2018.8%2010.9192C20.6624%2010.539%2022%208.9008%2022%207C22%204.7909%2020.2091%203%2018%203C15.7909%203%2014%204.7909%2014%207L14%2019ZM6%2017L10%2017M14%2017L18%2017%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%207C7%207.5523%206.5523%208%206%208C5.4477%208%205%207.5523%205%207C5%206.4477%205.4477%206%206%206C6.5523%206%207%206.4477%207%207ZM19%207C19%207.5523%2018.5523%208%2018%208C17.4477%208%2017%207.5523%2017%207C17%206.4477%2017.4477%206%2018%206C18.5523%206%2019%206.4477%2019%207Z%22%20stroke%3D%22none%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M10%2019L10%207C10%204.7909%208.2091%203%206%203C3.7909%203%202%204.7909%202%207C2%208.9008%203.3376%2010.539%205.2%2010.9192C5.6656%2011.0142%206%2011.4238%206%2011.899L6%2019C6%2020.1046%206.8954%2021%208%2021C9.1046%2021%2010%2020.1046%2010%2019ZM14%2019C14%2020.1046%2014.8954%2021%2016%2021C17.1046%2021%2018%2020.1046%2018%2019L18%2011.899C18%2011.4238%2018.3344%2011.0142%2018.8%2010.9192C20.6624%2010.539%2022%208.9008%2022%207C22%204.7909%2020.2091%203%2018%203C15.7909%203%2014%204.7909%2014%207L14%2019ZM6%2017L10%2017M14%2017L18%2017%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%207C7%207.5523%206.5523%208%206%208C5.4477%208%205%207.5523%205%207C5%206.4477%205.4477%206%206%206C6.5523%206%207%206.4477%207%207ZM19%207C19%207.5523%2018.5523%208%2018%208C17.4477%208%2017%207.5523%2017%207C17%206.4477%2017.4477%206%2018%206C18.5523%206%2019%206.4477%2019%207Z%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/earbuds.svg?color=%231a73e8&size=48
