Gentleface › Files & folders › book-headphones

book-headphones icon

Book headphones: audiobook, audio book. 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="M11.736 1.14C11.993 1.242 12.219 1.391 12.414 1.586C12.609 1.781 12.758 2.007 12.86 2.264C12.953 2.5 13 2.746 13 3L13 13C13 13.254 12.953 13.5 12.86 13.736C12.758 13.993 12.609 14.219 12.414 14.414C12.219 14.609 11.993 14.758 11.736 14.86C11.5 14.953 11.254 15 11 15L5 15C4.746 15 4.5 14.953 4.264 14.86C4.007 14.758 3.781 14.609 3.586 14.414C3.391 14.219 3.242 13.993 3.14 13.736C3.047 13.5 3 13.254 3 13L3 3C3 2.746 3.047 2.5 3.14 2.264C3.242 2.007 3.391 1.781 3.586 1.586C3.781 1.391 4.007 1.242 4.264 1.14C4.5 1.047 4.746 1 5 1L11 1C11.254 1 11.5 1.047 11.736 1.14ZM11.707 2.293C11.512 2.098 11.276 2 11 2L5 2C4.724 2 4.488 2.098 4.293 2.293C4.098 2.488 4 2.724 4 3L4 11.268C4.084 11.219 4.172 11.177 4.264 11.14C4.5 11.047 4.746 11 5 11L12 11L12 3C12 2.724 11.902 2.488 11.707 2.293ZM10.856 9.856C10.759 9.952 10.641 10 10.5 10L9.5 10C9.359 10 9.241 9.952 9.144 9.856C9.048 9.759 9 9.641 9 9.5L9 7.5C9 7.359 9.048 7.241 9.144 7.144C9.241 7.048 9.359 7 9.5 7L10 7C10 6.746 9.953 6.5 9.86 6.264C9.758 6.007 9.609 5.781 9.414 5.586C9.219 5.391 8.993 5.242 8.736 5.14C8.5 5.047 8.254 5 8 5C7.746 5 7.5 5.047 7.264 5.14C7.007 5.242 6.781 5.391 6.586 5.586C6.391 5.781 6.242 6.007 6.14 6.264C6.047 6.5 6 6.746 6 7L6.5 7C6.641 7 6.759 7.048 6.856 7.144C6.952 7.241 7 7.359 7 7.5L7 9.5C7 9.641 6.952 9.759 6.856 9.856C6.759 9.952 6.641 10 6.5 10L5.5 10C5.359 10 5.241 9.952 5.144 9.856C5.048 9.759 5 9.641 5 9.5L5 7C5 6.619 5.07 6.25 5.211 5.896C5.363 5.511 5.586 5.172 5.879 4.879C6.172 4.586 6.511 4.363 6.896 4.211C7.25 4.07 7.619 4 8 4C8.381 4 8.75 4.07 9.104 4.211C9.489 4.363 9.828 4.586 10.121 4.879C10.414 5.172 10.637 5.511 10.789 5.896C10.93 6.25 11 6.619 11 7L11 9.5C11 9.641 10.952 9.759 10.856 9.856ZM11 14C11.276 14 11.512 13.902 11.707 13.707C11.902 13.512 12 13.276 12 13L12 12L5 12C4.724 12 4.488 12.098 4.293 12.293C4.098 12.488 4 12.724 4 13C4 13.276 4.098 13.512 4.293 13.707C4.488 13.902 4.724 14 5 14L11 14Z"/></svg>

React

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

export function BookHeadphonesIcon(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="M11.736 1.14C11.993 1.242 12.219 1.391 12.414 1.586C12.609 1.781 12.758 2.007 12.86 2.264C12.953 2.5 13 2.746 13 3L13 13C13 13.254 12.953 13.5 12.86 13.736C12.758 13.993 12.609 14.219 12.414 14.414C12.219 14.609 11.993 14.758 11.736 14.86C11.5 14.953 11.254 15 11 15L5 15C4.746 15 4.5 14.953 4.264 14.86C4.007 14.758 3.781 14.609 3.586 14.414C3.391 14.219 3.242 13.993 3.14 13.736C3.047 13.5 3 13.254 3 13L3 3C3 2.746 3.047 2.5 3.14 2.264C3.242 2.007 3.391 1.781 3.586 1.586C3.781 1.391 4.007 1.242 4.264 1.14C4.5 1.047 4.746 1 5 1L11 1C11.254 1 11.5 1.047 11.736 1.14ZM11.707 2.293C11.512 2.098 11.276 2 11 2L5 2C4.724 2 4.488 2.098 4.293 2.293C4.098 2.488 4 2.724 4 3L4 11.268C4.084 11.219 4.172 11.177 4.264 11.14C4.5 11.047 4.746 11 5 11L12 11L12 3C12 2.724 11.902 2.488 11.707 2.293ZM10.856 9.856C10.759 9.952 10.641 10 10.5 10L9.5 10C9.359 10 9.241 9.952 9.144 9.856C9.048 9.759 9 9.641 9 9.5L9 7.5C9 7.359 9.048 7.241 9.144 7.144C9.241 7.048 9.359 7 9.5 7L10 7C10 6.746 9.953 6.5 9.86 6.264C9.758 6.007 9.609 5.781 9.414 5.586C9.219 5.391 8.993 5.242 8.736 5.14C8.5 5.047 8.254 5 8 5C7.746 5 7.5 5.047 7.264 5.14C7.007 5.242 6.781 5.391 6.586 5.586C6.391 5.781 6.242 6.007 6.14 6.264C6.047 6.5 6 6.746 6 7L6.5 7C6.641 7 6.759 7.048 6.856 7.144C6.952 7.241 7 7.359 7 7.5L7 9.5C7 9.641 6.952 9.759 6.856 9.856C6.759 9.952 6.641 10 6.5 10L5.5 10C5.359 10 5.241 9.952 5.144 9.856C5.048 9.759 5 9.641 5 9.5L5 7C5 6.619 5.07 6.25 5.211 5.896C5.363 5.511 5.586 5.172 5.879 4.879C6.172 4.586 6.511 4.363 6.896 4.211C7.25 4.07 7.619 4 8 4C8.381 4 8.75 4.07 9.104 4.211C9.489 4.363 9.828 4.586 10.121 4.879C10.414 5.172 10.637 5.511 10.789 5.896C10.93 6.25 11 6.619 11 7L11 9.5C11 9.641 10.952 9.759 10.856 9.856ZM11 14C11.276 14 11.512 13.902 11.707 13.707C11.902 13.512 12 13.276 12 13L12 12L5 12C4.724 12 4.488 12.098 4.293 12.293C4.098 12.488 4 12.724 4 13C4 13.276 4.098 13.512 4.293 13.707C4.488 13.902 4.724 14 5 14L11 14Z" />
    </svg>
  );
}

Vue

Vue: see /icons/book-headphones.md

Svelte

Svelte: see /icons/book-headphones.md

HTML img

HTML img: see /icons/book-headphones.md

CSS

CSS: see /icons/book-headphones.md

Data URL

Data URL: see /icons/book-headphones.md

Sprite

Sprite: see /icons/book-headphones.md

SwiftUI

SwiftUI: see /icons/book-headphones.md

Compose

Compose: see /icons/book-headphones.md

Android XML

Android XML: see /icons/book-headphones.md

Flutter

Flutter: see /icons/book-headphones.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. 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.

With npm: import { BookHeadphonesIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

audiobook, audio book

Alternatives

podcast: an episode series to listen to (podcast)
headphones: listening or audio output in general (listen)

Tags

book, audiobook, audio, listen, headphones, narration, spoken, podcast, read-aloud

Category

Files & folders

Component name

BookHeadphonesIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

Family 11

book book-a book-arrow-down book-bookmark book-check book-clock book-open book-plus book-search book-x library

More files & folders icons

archive archive-arrow-up archive-clock archive-lock archive-search contract file file-alert file-arrow-down file-arrow-up file-binary file-box file-braces file-broken file-chart file-check · all files & folders icons

For agents

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

book-headphones icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp