Skip to content
Cuelark UI

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

Remix Icon · RiVolumeOffVibrateLine

Volume Off Vibrate Line icon

A free volume off vibrate line icon from Remix Icon, 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
Apache License Version 2.0
Project
github.com
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/remix/volume-off-vibrate-line.json
components/icons/remix-volume-off-vibrate-line.tsx
import * as React from "react";

/**
 * Volume Off Vibrate Line from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/volume-off-vibrate-line. Sized in em, colored by currentColor.
 */
export function RiVolumeOffVibrateLineIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M19.3891 3.16117L20.8033 4.57538L18.3277 7.04955L20.8033 9.52513L18.3277 11.9993L20.8033 14.4749L18.3284 16.9498L20.8033 19.4246L19.3891 20.8388L15.5 16.9498L17.9749 14.4749L15.5 12L17.9749 9.52513L15.5 7.05026L19.3891 3.16117ZM13 19.9449C13 20.221 12.7761 20.4449 12.5 20.4449C12.3846 20.4449 12.2727 20.405 12.1834 20.3319L6.88901 15.9991L3.00001 16C2.44772 16 2.00001 15.5523 2.00001 15V9.00001C2.00001 8.44772 2.44772 8.00001 3.00001 8.00001L5.58362 7.99762L1.80762 4.22183L3.22183 2.80762L12.9996 12.5856L13 19.9449ZM7.58401 9.99811L4.00001 9.999V14L7.60286 13.9989L11 16.779V13.4141L7.58401 9.99811ZM12.887 3.73851C12.9601 3.82784 13 3.93971 13 4.05513V9.75711L11 7.75711V7.22001L10.704 7.46111L9.28301 6.04011L12.1834 3.66815C12.3971 3.49328 12.7121 3.52479 12.887 3.73851Z"
      />
    </svg>
  );
}
With react-icons
import { RiVolumeOffVibrateLine } from "react-icons/ri";

export function Example() {
  return <RiVolumeOffVibrateLine className="size-5" />;
}
volume-off-vibrate-line.svg
<svg
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M19.3891 3.16117L20.8033 4.57538L18.3277 7.04955L20.8033 9.52513L18.3277 11.9993L20.8033 14.4749L18.3284 16.9498L20.8033 19.4246L19.3891 20.8388L15.5 16.9498L17.9749 14.4749L15.5 12L17.9749 9.52513L15.5 7.05026L19.3891 3.16117ZM13 19.9449C13 20.221 12.7761 20.4449 12.5 20.4449C12.3846 20.4449 12.2727 20.405 12.1834 20.3319L6.88901 15.9991L3.00001 16C2.44772 16 2.00001 15.5523 2.00001 15V9.00001C2.00001 8.44772 2.44772 8.00001 3.00001 8.00001L5.58362 7.99762L1.80762 4.22183L3.22183 2.80762L12.9996 12.5856L13 19.9449ZM7.58401 9.99811L4.00001 9.999V14L7.60286 13.9989L11 16.779V13.4141L7.58401 9.99811ZM12.887 3.73851C12.9601 3.82784 13 3.93971 13 4.05513V9.75711L11 7.75711V7.22001L10.704 7.46111L9.28301 6.04011L12.1834 3.66815C12.3971 3.49328 12.7121 3.52479 12.887 3.73851Z"
  />
</svg>
Attribution
"Volume Off Vibrate Line" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: sound, speaker, audio, mute