Gentleface › Audio & video › earbuds-case

earbuds-case icon

Earbuds case: earbuds case, charging case. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M13.121 13.121C12.828 13.414 12.489 13.637 12.104 13.789C11.75 13.93 11.381 14 11 14L5 14C4.619 14 4.25 13.93 3.896 13.789C3.511 13.637 3.172 13.414 2.879 13.121C2.586 12.828 2.363 12.489 2.211 12.104C2.07 11.75 2 11.381 2 11L2 5C2 4.619 2.07 4.25 2.211 3.896C2.363 3.511 2.586 3.172 2.879 2.879C3.172 2.586 3.511 2.363 3.896 2.211C4.25 2.07 4.619 2 5 2L11 2C11.381 2 11.75 2.07 12.104 2.211C12.489 2.363 12.828 2.586 13.121 2.879C13.414 3.172 13.637 3.511 13.789 3.896C13.93 4.25 14 4.619 14 5L14 11C14 11.381 13.93 11.75 13.789 12.104C13.637 12.489 13.414 12.828 13.121 13.121ZM12.86 4.264C12.758 4.007 12.609 3.781 12.414 3.586C12.219 3.391 11.993 3.242 11.736 3.14C11.5 3.047 11.254 3 11 3L5 3C4.746 3 4.5 3.047 4.264 3.14C4.007 3.242 3.781 3.391 3.586 3.586C3.391 3.781 3.242 4.007 3.14 4.264C3.047 4.5 3 4.746 3 5L13 5C13 4.746 12.953 4.5 12.86 4.264ZM3.14 11.736C3.242 11.993 3.391 12.219 3.586 12.414C3.781 12.609 4.007 12.758 4.264 12.86C4.5 12.953 4.746 13 5 13L11 13C11.254 13 11.5 12.953 11.736 12.86C11.993 12.758 12.219 12.609 12.414 12.414C12.609 12.219 12.758 11.993 12.86 11.736C12.953 11.5 13 11.254 13 11L13 6L3 6L3 11C3 11.254 3.047 11.5 3.14 11.736ZM7.293 8.293C7.488 8.098 7.724 8 8 8C8.276 8 8.512 8.098 8.707 8.293C8.902 8.488 9 8.724 9 9C9 9.276 8.902 9.512 8.707 9.707C8.512 9.902 8.276 10 8 10C7.724 10 7.488 9.902 7.293 9.707C7.098 9.512 7 9.276 7 9C7 8.724 7.098 8.488 7.293 8.293Z"/></svg>

React

// Gentleface "earbuds-case" (line-round), MIT. https://gentleface.com/icons/earbuds-case
import type { SVGProps } from 'react';

export function EarbudsCaseIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M13.121 13.121C12.828 13.414 12.489 13.637 12.104 13.789C11.75 13.93 11.381 14 11 14L5 14C4.619 14 4.25 13.93 3.896 13.789C3.511 13.637 3.172 13.414 2.879 13.121C2.586 12.828 2.363 12.489 2.211 12.104C2.07 11.75 2 11.381 2 11L2 5C2 4.619 2.07 4.25 2.211 3.896C2.363 3.511 2.586 3.172 2.879 2.879C3.172 2.586 3.511 2.363 3.896 2.211C4.25 2.07 4.619 2 5 2L11 2C11.381 2 11.75 2.07 12.104 2.211C12.489 2.363 12.828 2.586 13.121 2.879C13.414 3.172 13.637 3.511 13.789 3.896C13.93 4.25 14 4.619 14 5L14 11C14 11.381 13.93 11.75 13.789 12.104C13.637 12.489 13.414 12.828 13.121 13.121ZM12.86 4.264C12.758 4.007 12.609 3.781 12.414 3.586C12.219 3.391 11.993 3.242 11.736 3.14C11.5 3.047 11.254 3 11 3L5 3C4.746 3 4.5 3.047 4.264 3.14C4.007 3.242 3.781 3.391 3.586 3.586C3.391 3.781 3.242 4.007 3.14 4.264C3.047 4.5 3 4.746 3 5L13 5C13 4.746 12.953 4.5 12.86 4.264ZM3.14 11.736C3.242 11.993 3.391 12.219 3.586 12.414C3.781 12.609 4.007 12.758 4.264 12.86C4.5 12.953 4.746 13 5 13L11 13C11.254 13 11.5 12.953 11.736 12.86C11.993 12.758 12.219 12.609 12.414 12.414C12.609 12.219 12.758 11.993 12.86 11.736C12.953 11.5 13 11.254 13 11L13 6L3 6L3 11C3 11.254 3.047 11.5 3.14 11.736ZM7.293 8.293C7.488 8.098 7.724 8 8 8C8.276 8 8.512 8.098 8.707 8.293C8.902 8.488 9 8.724 9 9C9 9.276 8.902 9.512 8.707 9.707C8.512 9.902 8.276 10 8 10C7.724 10 7.488 9.902 7.293 9.707C7.098 9.512 7 9.276 7 9C7 8.724 7.098 8.488 7.293 8.293Z" />
    </svg>
  );
}

Vue

Vue: see /icons/earbuds-case.md

Svelte

Svelte: see /icons/earbuds-case.md

HTML img

HTML img: see /icons/earbuds-case.md

CSS

CSS: see /icons/earbuds-case.md

Data URL

Data URL: see /icons/earbuds-case.md

Sprite

Sprite: see /icons/earbuds-case.md

SwiftUI

SwiftUI: see /icons/earbuds-case.md

Compose

Compose: see /icons/earbuds-case.md

Android XML

Android XML: see /icons/earbuds-case.md

Flutter

Flutter: see /icons/earbuds-case.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

earbuds case, charging case

Tags

earbuds, case, charging, wireless, earphones, audio, airpods

Category

Audio & video

Component name

EarbudsCaseIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

Family 4

earbud-left earbud-right earbuds earbuds-battery

More audio & video icons

album ambient-sound aspect-ratio audio-lines audio-lines-off boombox cassette clapperboard clef-alto clef-bass clef-treble director-chair disc disc-off drum eject · all audio & video icons

For agents

Metadata: /icons/earbuds-case.json · Markdown: /icons/earbuds-case.md · SVG: https://gentleface.com/svg/{style}/16/earbuds-case.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/earbuds-case.png

earbuds-case icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp