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

Radix Icons · RxSpeakerQuiet

Speaker Quiet icon

A free speaker quiet icon from Radix 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.

Also known asvolume icon sound icon audio icon mute icon

License: MIT license
Project: icons.radix-ui.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/speaker-quiet.json

components/icons/radix-speaker-quiet.tsx

import * as React from "react";

/**
 * Speaker Quiet from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/speaker-quiet. Sized in em, colored by currentColor.
 */
export function RxSpeakerQuietIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      fill="none"
      viewBox="0 0 15 15"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.25879 1.06173C7.40141 0.983238 7.5754 0.978824 7.72363 1.05294C7.89302 1.13764 8 1.31082 8 1.50021V13.5002C8 13.6896 7.89302 13.8628 7.72363 13.9475C7.55436 14.0321 7.35167 14.014 7.2002 13.9006L3.33301 11.0002H1.5C0.723336 11.0002 0.0846097 10.4099 0.0078125 9.65353L0 9.50021V5.50021C1.61064e-06 4.67178 0.671574 4.00021 1.5 4.00021H3.33301L7.2002 1.09982L7.25879 1.06173ZM3.7998 4.9006C3.71332 4.96536 3.60805 5.00021 3.5 5.00021H1.5C1.22386 5.00021 1 5.22407 1 5.50021V9.50021L1.00977 9.60079C1.05629 9.82876 1.25829 10.0002 1.5 10.0002H3.5C3.60805 10.0002 3.71332 10.0351 3.7998 10.0998L7 12.4992V2.50021L3.7998 4.9006ZM9.52832 4.94357C9.68914 4.83682 9.89932 4.86253 10.0312 4.99337L10.084 5.05587L10.2559 5.3381C11.0078 6.67699 11.0078 8.32343 10.2559 9.66232L10.083 9.94454L10.0312 10.007C9.89921 10.1379 9.68914 10.1619 9.52832 10.0549C9.36795 9.94785 9.30943 9.74556 9.37891 9.57345L9.41699 9.50118L9.55762 9.26974C10.1728 8.17408 10.1738 6.82534 9.55859 5.7297L9.41602 5.49923L9.37891 5.42696C9.30932 5.25466 9.36755 5.05053 9.52832 4.94357Z"
        fill="currentColor"
      />
    </svg>
  );
}

With react-icons

import { RxSpeakerQuiet } from "react-icons/rx";

export function Example() {
  return <RxSpeakerQuiet className="size-5" />;
}

speaker-quiet.svg

<svg
  fill="none"
  viewBox="0 0 15 15"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M7.25879 1.06173C7.40141 0.983238 7.5754 0.978824 7.72363 1.05294C7.89302 1.13764 8 1.31082 8 1.50021V13.5002C8 13.6896 7.89302 13.8628 7.72363 13.9475C7.55436 14.0321 7.35167 14.014 7.2002 13.9006L3.33301 11.0002H1.5C0.723336 11.0002 0.0846097 10.4099 0.0078125 9.65353L0 9.50021V5.50021C1.61064e-06 4.67178 0.671574 4.00021 1.5 4.00021H3.33301L7.2002 1.09982L7.25879 1.06173ZM3.7998 4.9006C3.71332 4.96536 3.60805 5.00021 3.5 5.00021H1.5C1.22386 5.00021 1 5.22407 1 5.50021V9.50021L1.00977 9.60079C1.05629 9.82876 1.25829 10.0002 1.5 10.0002H3.5C3.60805 10.0002 3.71332 10.0351 3.7998 10.0998L7 12.4992V2.50021L3.7998 4.9006ZM9.52832 4.94357C9.68914 4.83682 9.89932 4.86253 10.0312 4.99337L10.084 5.05587L10.2559 5.3381C11.0078 6.67699 11.0078 8.32343 10.2559 9.66232L10.083 9.94454L10.0312 10.007C9.89921 10.1379 9.68914 10.1619 9.52832 10.0549C9.36795 9.94785 9.30943 9.74556 9.37891 9.57345L9.41699 9.50118L9.55762 9.26974C10.1728 8.17408 10.1738 6.82534 9.55859 5.7297L9.41602 5.49923L9.37891 5.42696C9.30932 5.25466 9.36755 5.05053 9.52832 4.94357Z"
    fill="currentColor"
  />
</svg>

Attribution

"Speaker Quiet" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.

Related icons: volume, sound, audio, mute

Similar Radix Icons icons