Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Phosphor Icons · PiEarSlashBold

Ear Slash Bold icon

A free ear slash bold icon from Phosphor Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
MIT license
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/phosphor/ear-slash-bold.json
components/icons/phosphor-ear-slash-bold.tsx
import * as React from "react";

/**
 * Ear Slash Bold from Phosphor Icons (https://github.com/phosphor-icons/core), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/phosphor/ear-slash-bold. Sized in em, colored by currentColor.
 */
export function PiEarSlashBoldIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 256 256"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M216.88,207.93a12,12,0,1,1-17.76,16.14l-33.35-36.68A28.39,28.39,0,0,1,160,188a28,28,0,0,1-28-28,45.87,45.87,0,0,1,.85-8.82L97.08,111.83A12,12,0,0,1,76,104a52,52,0,0,1,1.75-13.43L65.52,77.11A67.7,67.7,0,0,0,60,104c0,25,7.58,32.3,16.35,40.76S96,163.71,96,188a32,32,0,0,0,32,32c9,0,16.19-3.7,22.75-11.64a12,12,0,0,1,18.5,15.28C158.09,237.15,144.21,244,128,244a56.06,56.06,0,0,1-56-56c0-14.09-4.63-18.56-12.31-26C49.13,151.86,36,139.19,36,104A91.3,91.3,0,0,1,48.25,58.12l-9.13-10A12,12,0,1,1,56.88,31.93ZM99.34,42.31A67.39,67.39,0,0,1,128,36a68.07,68.07,0,0,1,68,68,12,12,0,0,0,24,0A92,92,0,0,0,89.21,20.56,12,12,0,0,0,99.34,42.31Zm65.09,81a11.54,11.54,0,0,0,2.72.32,12,12,0,0,0,11.68-9.29A45.34,45.34,0,0,0,180,104a52.06,52.06,0,0,0-52-52c-1.7,0-3.42.08-5.11.25a12,12,0,0,0,2.33,23.89c.92-.09,1.86-.14,2.78-.14a28,28,0,0,1,28,28,21.66,21.66,0,0,1-.54,4.88A12,12,0,0,0,164.43,123.28Z"
      />
    </svg>
  );
}
With react-icons
import { PiEarSlashBold } from "react-icons/pi";

export function Example() {
  return <PiEarSlashBold className="size-5" />;
}
ear-slash-bold.svg
<svg
  viewBox="0 0 256 256"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M216.88,207.93a12,12,0,1,1-17.76,16.14l-33.35-36.68A28.39,28.39,0,0,1,160,188a28,28,0,0,1-28-28,45.87,45.87,0,0,1,.85-8.82L97.08,111.83A12,12,0,0,1,76,104a52,52,0,0,1,1.75-13.43L65.52,77.11A67.7,67.7,0,0,0,60,104c0,25,7.58,32.3,16.35,40.76S96,163.71,96,188a32,32,0,0,0,32,32c9,0,16.19-3.7,22.75-11.64a12,12,0,0,1,18.5,15.28C158.09,237.15,144.21,244,128,244a56.06,56.06,0,0,1-56-56c0-14.09-4.63-18.56-12.31-26C49.13,151.86,36,139.19,36,104A91.3,91.3,0,0,1,48.25,58.12l-9.13-10A12,12,0,1,1,56.88,31.93ZM99.34,42.31A67.39,67.39,0,0,1,128,36a68.07,68.07,0,0,1,68,68,12,12,0,0,0,24,0A92,92,0,0,0,89.21,20.56,12,12,0,0,0,99.34,42.31Zm65.09,81a11.54,11.54,0,0,0,2.72.32,12,12,0,0,0,11.68-9.29A45.34,45.34,0,0,0,180,104a52.06,52.06,0,0,0-52-52c-1.7,0-3.42.08-5.11.25a12,12,0,0,0,2.33,23.89c.92-.09,1.86-.14,2.78-.14a28,28,0,0,1,28,28,21.66,21.66,0,0,1-.54,4.88A12,12,0,0,0,164.43,123.28Z"
  />
</svg>
Attribution
"Ear Slash Bold" icon from Phosphor Icons (https://github.com/phosphor-icons/core), licensed under MIT license.

Related icons: