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

VS Code Icons · VscQuotes

Quotes icon

A free quotes icon from VS Code 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: CC BY 4.0 license
Project: github.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/quotes.json

components/icons/vscode-codicons-quotes.tsx

import * as React from "react";

/**
 * Quotes from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/quotes. Sized in em, colored by currentColor.
 */
export function VscQuotesIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 16 16"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9 6.50002C9 6.22402 9.224 6.00002 9.5 6.00002L10.5 5.99902C10.776 5.99902 11 6.22302 11 6.49902C11 8.22902 10.283 9.42402 9.854 9.85302C9.659 10.048 9.342 10.048 9.147 9.85302C8.952 9.65802 8.952 9.34102 9.147 9.14602C9.297 8.99602 9.598 8.56702 9.799 7.90102C9.715 7.96302 9.612 8.00002 9.5 8.00002C9.224 8.00002 9 7.77602 9 7.50002V6.50002Z"
      />
      <path
        d="M12 6.50002C12 6.22402 12.224 6.00002 12.5 6.00002L13.5 5.99902C13.776 5.99902 14 6.22302 14 6.49902C14 8.22902 13.283 9.42402 12.854 9.85302C12.659 10.048 12.342 10.048 12.147 9.85302C11.952 9.65802 11.952 9.34102 12.147 9.14602C12.297 8.99602 12.598 8.56702 12.799 7.90102C12.715 7.96302 12.612 8.00002 12.5 8.00002C12.224 8.00002 12 7.77602 12 7.50002V6.50002Z"
      />
      <path
        d="M6.5 10.0002C6.776 10.0002 7 9.77623 7 9.50023V8.50023C7 8.22423 6.776 8.00023 6.5 8.00023C6.388 8.00023 6.285 8.03723 6.201 8.09923C6.402 7.43323 6.703 7.00423 6.853 6.85423C7.048 6.65923 7.048 6.34223 6.853 6.14723C6.658 5.95223 6.341 5.95223 6.146 6.14723C5.717 6.57623 5 7.77123 5 9.50123C5 9.77723 5.224 10.0012 5.5 10.0012L6.5 10.0002Z"
      />
      <path
        d="M4 9.50023C4 9.77623 3.776 10.0002 3.5 10.0002L2.5 10.0012C2.224 10.0012 2 9.77723 2 9.50123C2 7.77123 2.717 6.57623 3.146 6.14723C3.341 5.95223 3.658 5.95223 3.853 6.14723C4.048 6.34223 4.048 6.65923 3.853 6.85423C3.703 7.00423 3.402 7.43323 3.201 8.09923C3.285 8.03723 3.388 8.00023 3.5 8.00023C3.776 8.00023 4 8.22423 4 8.50023V9.50023Z"
      />
    </svg>
  );
}

With react-icons

import { VscQuotes } from "react-icons/vsc";

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

quotes.svg

<svg
  viewBox="0 0 16 16"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M9 6.50002C9 6.22402 9.224 6.00002 9.5 6.00002L10.5 5.99902C10.776 5.99902 11 6.22302 11 6.49902C11 8.22902 10.283 9.42402 9.854 9.85302C9.659 10.048 9.342 10.048 9.147 9.85302C8.952 9.65802 8.952 9.34102 9.147 9.14602C9.297 8.99602 9.598 8.56702 9.799 7.90102C9.715 7.96302 9.612 8.00002 9.5 8.00002C9.224 8.00002 9 7.77602 9 7.50002V6.50002Z"
  />
  <path
    d="M12 6.50002C12 6.22402 12.224 6.00002 12.5 6.00002L13.5 5.99902C13.776 5.99902 14 6.22302 14 6.49902C14 8.22902 13.283 9.42402 12.854 9.85302C12.659 10.048 12.342 10.048 12.147 9.85302C11.952 9.65802 11.952 9.34102 12.147 9.14602C12.297 8.99602 12.598 8.56702 12.799 7.90102C12.715 7.96302 12.612 8.00002 12.5 8.00002C12.224 8.00002 12 7.77602 12 7.50002V6.50002Z"
  />
  <path
    d="M6.5 10.0002C6.776 10.0002 7 9.77623 7 9.50023V8.50023C7 8.22423 6.776 8.00023 6.5 8.00023C6.388 8.00023 6.285 8.03723 6.201 8.09923C6.402 7.43323 6.703 7.00423 6.853 6.85423C7.048 6.65923 7.048 6.34223 6.853 6.14723C6.658 5.95223 6.341 5.95223 6.146 6.14723C5.717 6.57623 5 7.77123 5 9.50123C5 9.77723 5.224 10.0012 5.5 10.0012L6.5 10.0002Z"
  />
  <path
    d="M4 9.50023C4 9.77623 3.776 10.0002 3.5 10.0002L2.5 10.0012C2.224 10.0012 2 9.77723 2 9.50123C2 7.77123 2.717 6.57623 3.146 6.14723C3.341 5.95223 3.658 5.95223 3.853 6.14723C4.048 6.34223 4.048 6.65923 3.853 6.85423C3.703 7.00423 3.402 7.43323 3.201 8.09923C3.285 8.03723 3.388 8.00023 3.5 8.00023C3.776 8.00023 4 8.22423 4 8.50023V9.50023Z"
  />
</svg>

Attribution

"Quotes" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Quotes icon in other sets

Similar VS Code Icons icons