← Go back
Share

Headphones


Usage:

React Code:

npm install @mynaui/icons-react
import { Headphones } from "@mynaui/icons-react";

const App = () => {
  return <Headphones />;
};

SVG HTML:

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"><path d="M21 17v-5a9 9 0 1 0-18 0v5"/><path d="M16 14.958c0-.511 0-.767.059-.97.135-.468.49-.824.93-.934 1.272-.318 1.53.864 2.443 1.232l.069.028c.992.417 1.497 1.478 1.495 2.554v.357c-.003.95-.51 1.835-1.353 2.272-.939.485-1.252 1.752-2.615 1.46-.437-.094-.797-.429-.95-.883C16 19.843 16 19.54 16 18.938zm-8 4.084c0 .511 0 .766-.059.97-.135.468-.49.824-.93.934-1.272.318-1.53-.865-2.443-1.232a5.682 5.682 0 0 1-.062-.025c-.998-.418-1.504-1.48-1.502-2.557v-.364c.003-.946.509-1.828 1.353-2.265.939-.485 1.252-1.752 2.615-1.46.437.094.797.429.95.883.078.231.078.533.078 1.136z"/></svg>

SVG CDN:

<img src="https://unpkg.com/@mynaui/icons/icons/headphones.svg" />

SVG Sprite:

npm install @mynaui/icons
<svg
        width="24"
        height="24"
        fill="none"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke="currentColor"
      >
        <use xlink:href="/path/to/mynaui.symbol.svg#mynaui-headphones"></use></svg
      >