in ear headphones icon

in-ear-headphones-outline from Teenyicons by smhmd · Outline · MIT Free for personal and commercial use.

Name
in-ear-headphones-outline
Set
Teenyicons
Style
Outline
Viewbox
15×15
License
MIT

1 other variant in Teenyicons

in-ear-headphones-solid

Use the in ear headphones icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M14.5 12.5v.5h.5v-.5zm-2 0H12v.5h.5zm-12 0H0v.5h.5zm2 0v.5H3v-.5zM10 5V1.654H9V5zm4-1.5v9h1v-9zm.5 8.5h-2v1h2zm-2-6H11v1h1.5zm-1.846-5h.846V0h-.846zM11 6a1 1 0 0 1-1-1H9a2 2 0 0 0 2 2zm4-2.5A3.5 3.5 0 0 0 11.5 0v1A2.5 2.5 0 0 1 14 3.5zm-5-1.846c0-.361.293-.654.654-.654V0C9.74 0 9 .74 9 1.654zM13 12.5V15h1v-2.5zM6 5V1.654H5V5zM0 3.5v9h1v-9zM.5 13h2v-1h-2zm2-6H4V6H2.5zm1.846-7H3.5v1h.846zM4 7a2 2 0 0 0 2-2H5a1 1 0 0 1-1 1zM1 3.5A2.5 2.5 0 0 1 3.5 1V0A3.5 3.5 0 0 0 0 3.5zm5-1.846C6 .74 5.26 0 4.346 0v1c.361 0 .654.293.654.654zM1 12.5V15h1v-2.5zM12 4v2.5h1V4zM2 4v2.5h1V4zm11 8.5v-6h-1v6zm-10 0v-6H2v6z"/></svg>

React

import type { SVGProps } from "react";

export function TeenyiconsInEarHeadphonesOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M14.5 12.5v.5h.5v-.5zm-2 0H12v.5h.5zm-12 0H0v.5h.5zm2 0v.5H3v-.5zM10 5V1.654H9V5zm4-1.5v9h1v-9zm.5 8.5h-2v1h2zm-2-6H11v1h1.5zm-1.846-5h.846V0h-.846zM11 6a1 1 0 0 1-1-1H9a2 2 0 0 0 2 2zm4-2.5A3.5 3.5 0 0 0 11.5 0v1A2.5 2.5 0 0 1 14 3.5zm-5-1.846c0-.361.293-.654.654-.654V0C9.74 0 9 .74 9 1.654zM13 12.5V15h1v-2.5zM6 5V1.654H5V5zM0 3.5v9h1v-9zM.5 13h2v-1h-2zm2-6H4V6H2.5zm1.846-7H3.5v1h.846zM4 7a2 2 0 0 0 2-2H5a1 1 0 0 1-1 1zM1 3.5A2.5 2.5 0 0 1 3.5 1V0A3.5 3.5 0 0 0 0 3.5zm5-1.846C6 .74 5.26 0 4.346 0v1c.361 0 .654.293.654.654zM1 12.5V15h1v-2.5zM12 4v2.5h1V4zM2 4v2.5h1V4zm11 8.5v-6h-1v6zm-10 0v-6H2v6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M14.5 12.5v.5h.5v-.5zm-2 0H12v.5h.5zm-12 0H0v.5h.5zm2 0v.5H3v-.5zM10 5V1.654H9V5zm4-1.5v9h1v-9zm.5 8.5h-2v1h2zm-2-6H11v1h1.5zm-1.846-5h.846V0h-.846zM11 6a1 1 0 0 1-1-1H9a2 2 0 0 0 2 2zm4-2.5A3.5 3.5 0 0 0 11.5 0v1A2.5 2.5 0 0 1 14 3.5zm-5-1.846c0-.361.293-.654.654-.654V0C9.74 0 9 .74 9 1.654zM13 12.5V15h1v-2.5zM6 5V1.654H5V5zM0 3.5v9h1v-9zM.5 13h2v-1h-2zm2-6H4V6H2.5zm1.846-7H3.5v1h.846zM4 7a2 2 0 0 0 2-2H5a1 1 0 0 1-1 1zM1 3.5A2.5 2.5 0 0 1 3.5 1V0A3.5 3.5 0 0 0 0 3.5zm5-1.846C6 .74 5.26 0 4.346 0v1c.361 0 .654.293.654.654zM1 12.5V15h1v-2.5zM12 4v2.5h1V4zM2 4v2.5h1V4zm11 8.5v-6h-1v6zm-10 0v-6H2v6z"/></svg>
</template>

CSS

.icon-in-ear-headphones-outline {
  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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.5%2012.5v.5h.5v-.5zm-2%200H12v.5h.5zm-12%200H0v.5h.5zm2%200v.5H3v-.5zM10%205V1.654H9V5zm4-1.5v9h1v-9zm.5%208.5h-2v1h2zm-2-6H11v1h1.5zm-1.846-5h.846V0h-.846zM11%206a1%201%200%200%201-1-1H9a2%202%200%200%200%202%202zm4-2.5A3.5%203.5%200%200%200%2011.5%200v1A2.5%202.5%200%200%201%2014%203.5zm-5-1.846c0-.361.293-.654.654-.654V0C9.74%200%209%20.74%209%201.654zM13%2012.5V15h1v-2.5zM6%205V1.654H5V5zM0%203.5v9h1v-9zM.5%2013h2v-1h-2zm2-6H4V6H2.5zm1.846-7H3.5v1h.846zM4%207a2%202%200%200%200%202-2H5a1%201%200%200%201-1%201zM1%203.5A2.5%202.5%200%200%201%203.5%201V0A3.5%203.5%200%200%200%200%203.5zm5-1.846C6%20.74%205.26%200%204.346%200v1c.361%200%20.654.293.654.654zM1%2012.5V15h1v-2.5zM12%204v2.5h1V4zM2%204v2.5h1V4zm11%208.5v-6h-1v6zm-10%200v-6H2v6z%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.5%2012.5v.5h.5v-.5zm-2%200H12v.5h.5zm-12%200H0v.5h.5zm2%200v.5H3v-.5zM10%205V1.654H9V5zm4-1.5v9h1v-9zm.5%208.5h-2v1h2zm-2-6H11v1h1.5zm-1.846-5h.846V0h-.846zM11%206a1%201%200%200%201-1-1H9a2%202%200%200%200%202%202zm4-2.5A3.5%203.5%200%200%200%2011.5%200v1A2.5%202.5%200%200%201%2014%203.5zm-5-1.846c0-.361.293-.654.654-.654V0C9.74%200%209%20.74%209%201.654zM13%2012.5V15h1v-2.5zM6%205V1.654H5V5zM0%203.5v9h1v-9zM.5%2013h2v-1h-2zm2-6H4V6H2.5zm1.846-7H3.5v1h.846zM4%207a2%202%200%200%200%202-2H5a1%201%200%200%201-1%201zM1%203.5A2.5%202.5%200%200%201%203.5%201V0A3.5%203.5%200%200%200%200%203.5zm5-1.846C6%20.74%205.26%200%204.346%200v1c.361%200%20.654.293.654.654zM1%2012.5V15h1v-2.5zM12%204v2.5h1V4zM2%204v2.5h1V4zm11%208.5v-6h-1v6zm-10%200v-6H2v6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/teenyicons/in-ear-headphones-outline.svg?color=%231a73e8&size=48