Skip to content
Cuelark UI

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

Remix Icon · RiSpeechToTextFill

Speech To Text Fill icon

A free speech to text fill 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
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/remix/speech-to-text-fill.json
components/icons/remix-speech-to-text-fill.tsx
import * as React from "react";

/**
 * Speech To Text Fill from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/speech-to-text-fill. Sized in em, colored by currentColor.
 */
export function RiSpeechToTextFillIcon(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="M18 3C20.2091 3 22 4.79086 22 7V17C22 19.2091 20.2091 21 18 21H6C3.79086 21 2 19.2091 2 17V11.999L4.26758 14.2666C4.9335 14.9325 5.98956 15.0588 6.68945 14.4287C8.72147 12.5991 10 9.94973 10 7C9.99998 5.57684 9.69941 4.22497 9.16309 3H18ZM10 11H13V17H15V11H18V9H10V11ZM5.65723 1.34277C7.10494 2.79049 8 4.79086 8 7C8 9.20914 7.10494 11.2095 5.65723 12.6572L4.24219 11.2422C5.32797 10.1564 6 8.65685 6 7C6 5.34315 5.32797 3.8436 4.24219 2.75781L5.65723 1.34277ZM2.82812 4.17188C3.55198 4.89573 4 5.89543 4 7C4 8.10457 3.55198 9.10427 2.82812 9.82812L1.41406 8.41406C1.77599 8.05213 2 7.55228 2 7C2 6.44772 1.77599 5.94787 1.41406 5.58594L2.82812 4.17188Z"
      />
    </svg>
  );
}
With react-icons
import { RiSpeechToTextFill } from "react-icons/ri";

export function Example() {
  return <RiSpeechToTextFill className="size-5" />;
}
speech-to-text-fill.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="M18 3C20.2091 3 22 4.79086 22 7V17C22 19.2091 20.2091 21 18 21H6C3.79086 21 2 19.2091 2 17V11.999L4.26758 14.2666C4.9335 14.9325 5.98956 15.0588 6.68945 14.4287C8.72147 12.5991 10 9.94973 10 7C9.99998 5.57684 9.69941 4.22497 9.16309 3H18ZM10 11H13V17H15V11H18V9H10V11ZM5.65723 1.34277C7.10494 2.79049 8 4.79086 8 7C8 9.20914 7.10494 11.2095 5.65723 12.6572L4.24219 11.2422C5.32797 10.1564 6 8.65685 6 7C6 5.34315 5.32797 3.8436 4.24219 2.75781L5.65723 1.34277ZM2.82812 4.17188C3.55198 4.89573 4 5.89543 4 7C4 8.10457 3.55198 9.10427 2.82812 9.82812L1.41406 8.41406C1.77599 8.05213 2 7.55228 2 7C2 6.44772 1.77599 5.94787 1.41406 5.58594L2.82812 4.17188Z"
  />
</svg>
Attribution
"Speech To Text Fill" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: