earbuds icon
earbuds from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- earbuds
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
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 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.825 4.138c.596 2.141-.36 3.593-2.389 4.117a4.4 4.4 0 0 1-2.018.054c-.048-.01.9 2.778 1.522 4.61l.41 1.205a.52.52 0 0 1-.346.659l-.593.19a.55.55 0 0 1-.69-.34L.184 6.99c-.696-2.137.662-4.309 2.564-4.8c2.029-.523 3.402 0 4.076 1.948zm-.868 2.221c.43-.112.561-.993.292-1.969c-.269-.975-.836-1.675-1.266-1.563s-.561.994-.292 1.969s.836 1.675 1.266 1.563m3.218-2.221c-.596 2.141.36 3.593 2.389 4.117a4.4 4.4 0 0 0 2.018.054c.048-.01-.9 2.778-1.522 4.61l-.41 1.205a.52.52 0 0 0 .346.659l.593.19c.289.092.6-.06.69-.34l2.536-7.643c.696-2.137-.662-4.309-2.564-4.8c-2.029-.523-3.402 0-4.076 1.948m.868 2.221c-.43-.112-.561-.993-.292-1.969c.269-.975.836-1.675 1.266-1.563s.561.994.292 1.969s-.836 1.675-1.266 1.563"/></svg>
React
import type { SVGProps } from "react";
export function BiEarbuds(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fillRule="evenodd" d="M6.825 4.138c.596 2.141-.36 3.593-2.389 4.117a4.4 4.4 0 0 1-2.018.054c-.048-.01.9 2.778 1.522 4.61l.41 1.205a.52.52 0 0 1-.346.659l-.593.19a.55.55 0 0 1-.69-.34L.184 6.99c-.696-2.137.662-4.309 2.564-4.8c2.029-.523 3.402 0 4.076 1.948zm-.868 2.221c.43-.112.561-.993.292-1.969c-.269-.975-.836-1.675-1.266-1.563s-.561.994-.292 1.969s.836 1.675 1.266 1.563m3.218-2.221c-.596 2.141.36 3.593 2.389 4.117a4.4 4.4 0 0 0 2.018.054c.048-.01-.9 2.778-1.522 4.61l-.41 1.205a.52.52 0 0 0 .346.659l.593.19c.289.092.6-.06.69-.34l2.536-7.643c.696-2.137-.662-4.309-2.564-4.8c-2.029-.523-3.402 0-4.076 1.948m.868 2.221c-.43-.112-.561-.993-.292-1.969c.269-.975.836-1.675 1.266-1.563s.561.994.292 1.969s-.836 1.675-1.266 1.563"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.825 4.138c.596 2.141-.36 3.593-2.389 4.117a4.4 4.4 0 0 1-2.018.054c-.048-.01.9 2.778 1.522 4.61l.41 1.205a.52.52 0 0 1-.346.659l-.593.19a.55.55 0 0 1-.69-.34L.184 6.99c-.696-2.137.662-4.309 2.564-4.8c2.029-.523 3.402 0 4.076 1.948zm-.868 2.221c.43-.112.561-.993.292-1.969c-.269-.975-.836-1.675-1.266-1.563s-.561.994-.292 1.969s.836 1.675 1.266 1.563m3.218-2.221c-.596 2.141.36 3.593 2.389 4.117a4.4 4.4 0 0 0 2.018.054c.048-.01-.9 2.778-1.522 4.61l-.41 1.205a.52.52 0 0 0 .346.659l.593.19c.289.092.6-.06.69-.34l2.536-7.643c.696-2.137-.662-4.309-2.564-4.8c-2.029-.523-3.402 0-4.076 1.948m.868 2.221c-.43-.112-.561-.993-.292-1.969c.269-.975.836-1.675 1.266-1.563s.561.994.292 1.969s-.836 1.675-1.266 1.563"/></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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.825%204.138c.596%202.141-.36%203.593-2.389%204.117a4.4%204.4%200%200%201-2.018.054c-.048-.01.9%202.778%201.522%204.61l.41%201.205a.52.52%200%200%201-.346.659l-.593.19a.55.55%200%200%201-.69-.34L.184%206.99c-.696-2.137.662-4.309%202.564-4.8c2.029-.523%203.402%200%204.076%201.948zm-.868%202.221c.43-.112.561-.993.292-1.969c-.269-.975-.836-1.675-1.266-1.563s-.561.994-.292%201.969s.836%201.675%201.266%201.563m3.218-2.221c-.596%202.141.36%203.593%202.389%204.117a4.4%204.4%200%200%200%202.018.054c.048-.01-.9%202.778-1.522%204.61l-.41%201.205a.52.52%200%200%200%20.346.659l.593.19c.289.092.6-.06.69-.34l2.536-7.643c.696-2.137-.662-4.309-2.564-4.8c-2.029-.523-3.402%200-4.076%201.948m.868%202.221c-.43-.112-.561-.993-.292-1.969c.269-.975.836-1.675%201.266-1.563s.561.994.292%201.969s-.836%201.675-1.266%201.563%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.825%204.138c.596%202.141-.36%203.593-2.389%204.117a4.4%204.4%200%200%201-2.018.054c-.048-.01.9%202.778%201.522%204.61l.41%201.205a.52.52%200%200%201-.346.659l-.593.19a.55.55%200%200%201-.69-.34L.184%206.99c-.696-2.137.662-4.309%202.564-4.8c2.029-.523%203.402%200%204.076%201.948zm-.868%202.221c.43-.112.561-.993.292-1.969c-.269-.975-.836-1.675-1.266-1.563s-.561.994-.292%201.969s.836%201.675%201.266%201.563m3.218-2.221c-.596%202.141.36%203.593%202.389%204.117a4.4%204.4%200%200%200%202.018.054c.048-.01-.9%202.778-1.522%204.61l-.41%201.205a.52.52%200%200%200%20.346.659l.593.19c.289.092.6-.06.69-.34l2.536-7.643c.696-2.137-.662-4.309-2.564-4.8c-2.029-.523-3.402%200-4.076%201.948m.868%202.221c-.43-.112-.561-.993-.292-1.969c.269-.975.836-1.675%201.266-1.563s.561.994.292%201.969s-.836%201.675-1.266%201.563%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/earbuds.svg?color=%231a73e8&size=48
