Hover the icon or press Play. Suggested motion: bounce. Pick another to preview it and update the animated code:
Speaker Off icon
A free speaker off 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.
- License
- MIT license
- Project
- icons.radix-ui.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/speaker-off.jsonimport * as React from "react";
/**
* Speaker Off from Radix Icons (https://icons.radix-ui.com), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/radix/speaker-off. Sized in em, colored by currentColor.
*/
export function RxSpeakerOffIcon(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.25867 1.06171C7.40129 0.983222 7.57527 0.978808 7.72351 1.05292C7.8929 1.13762 7.99987 1.3108 7.99987 1.50018V13.5C7.99987 13.6894 7.8929 13.8626 7.72351 13.9472C7.55423 14.0319 7.35155 14.0138 7.20008 13.9004L3.33295 11H1.49998C0.723325 11 0.0846083 10.4098 0.00781237 9.65337L0 9.50005V5.50012C1.61061e-06 4.67171 0.671563 4.00014 1.49998 4.00014H3.33295L7.20008 1.0998L7.25867 1.06171ZM3.79974 4.90052C3.71326 4.96528 3.608 5.00013 3.49994 5.00013H1.49998C1.22384 5.00013 0.999985 5.22398 0.999984 5.50012V9.50005L1.00975 9.60064C1.05627 9.8286 1.25827 10 1.49998 10H3.49994C3.608 10 3.71326 10.0349 3.79974 10.0997L6.99989 12.499V2.50017L3.79974 4.90052ZM14.1463 5.14661C14.3415 4.95135 14.658 4.95135 14.8533 5.14661C15.0485 5.34187 15.0485 5.65837 14.8533 5.85363L13.2068 7.50008L14.8533 9.14654L14.9177 9.22467C15.0459 9.41874 15.0241 9.6827 14.8533 9.85356C14.6824 10.0244 14.4185 10.0462 14.2244 9.91801L14.1463 9.85356L12.4998 8.2071L10.8533 9.85356C10.6581 10.0488 10.3416 10.0488 10.1463 9.85356C9.95106 9.6583 9.95106 9.3418 10.1463 9.14654L11.7928 7.50008L10.1463 5.85363L10.0819 5.7755C9.9537 5.58143 9.97546 5.31747 10.1463 5.14661C10.3172 4.97575 10.5811 4.95399 10.7752 5.08216L10.8533 5.14661L12.4998 6.79307L14.1463 5.14661Z"
fill="currentColor"
/>
</svg>
);
}import { RxSpeakerOff } from "react-icons/rx";
export function Example() {
return <RxSpeakerOff className="size-5" />;
}<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.25867 1.06171C7.40129 0.983222 7.57527 0.978808 7.72351 1.05292C7.8929 1.13762 7.99987 1.3108 7.99987 1.50018V13.5C7.99987 13.6894 7.8929 13.8626 7.72351 13.9472C7.55423 14.0319 7.35155 14.0138 7.20008 13.9004L3.33295 11H1.49998C0.723325 11 0.0846083 10.4098 0.00781237 9.65337L0 9.50005V5.50012C1.61061e-06 4.67171 0.671563 4.00014 1.49998 4.00014H3.33295L7.20008 1.0998L7.25867 1.06171ZM3.79974 4.90052C3.71326 4.96528 3.608 5.00013 3.49994 5.00013H1.49998C1.22384 5.00013 0.999985 5.22398 0.999984 5.50012V9.50005L1.00975 9.60064C1.05627 9.8286 1.25827 10 1.49998 10H3.49994C3.608 10 3.71326 10.0349 3.79974 10.0997L6.99989 12.499V2.50017L3.79974 4.90052ZM14.1463 5.14661C14.3415 4.95135 14.658 4.95135 14.8533 5.14661C15.0485 5.34187 15.0485 5.65837 14.8533 5.85363L13.2068 7.50008L14.8533 9.14654L14.9177 9.22467C15.0459 9.41874 15.0241 9.6827 14.8533 9.85356C14.6824 10.0244 14.4185 10.0462 14.2244 9.91801L14.1463 9.85356L12.4998 8.2071L10.8533 9.85356C10.6581 10.0488 10.3416 10.0488 10.1463 9.85356C9.95106 9.6583 9.95106 9.3418 10.1463 9.14654L11.7928 7.50008L10.1463 5.85363L10.0819 5.7755C9.9537 5.58143 9.97546 5.31747 10.1463 5.14661C10.3172 4.97575 10.5811 4.95399 10.7752 5.08216L10.8533 5.14661L12.4998 6.79307L14.1463 5.14661Z"
fill="currentColor"
/>
</svg>"Speaker Off" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.