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 · RiChessLine

Chess Line icon

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

/**
 * Chess Line from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/chess-line. Sized in em, colored by currentColor.
 */
export function RiChessLineIcon(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="M15.5 0.287109C14.8092 0.573189 14.1414 0.903497 13.5 1.2745C8.41874 4.21385 5.00007 9.70768 5 16H4V20H3V22H20V20H19V16H17.8079C17.6579 15.3163 17.4132 14.7012 17.0489 14.1496C16.4823 13.2917 15.6268 12.5877 14.3897 12.019C14.2591 11.959 14.1273 11.902 13.9945 11.8473C13.8804 11.8004 13.8483 11.6519 13.9355 11.5647C13.9898 11.5104 14.0574 11.5117 14.1267 11.5255L15.8799 11.8762L18.2932 12.3589C18.7153 12.4433 19.144 12.2481 19.3576 11.8744L20.6527 9.60794C20.8612 9.24304 20.8193 8.7867 20.5479 8.46586L15.5 2.5V0.287109ZM17 20H6V18.0002H17V20ZM7 16C7.00007 10.7793 9.66759 6.17842 13.7185 3.49105L18.569 9.2234L17.9787 10.2563L14.4816 9.55692C13.7702 9.41464 13.0347 9.63724 12.5216 10.1502C11.3888 11.2825 11.8463 13.127 13.2345 13.6972C14.4814 14.2095 15.094 14.7791 15.4356 15.3394C15.5531 15.532 15.6544 15.7496 15.7375 16H7ZM14 8C14.5523 8 15 7.55228 15 7C15 6.44772 14.5523 6 14 6C13.4477 6 13 6.44772 13 7C13 7.55228 13.4477 8 14 8Z"
      />
    </svg>
  );
}
With react-icons
import { RiChessLine } from "react-icons/ri";

export function Example() {
  return <RiChessLine className="size-5" />;
}
chess-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="M15.5 0.287109C14.8092 0.573189 14.1414 0.903497 13.5 1.2745C8.41874 4.21385 5.00007 9.70768 5 16H4V20H3V22H20V20H19V16H17.8079C17.6579 15.3163 17.4132 14.7012 17.0489 14.1496C16.4823 13.2917 15.6268 12.5877 14.3897 12.019C14.2591 11.959 14.1273 11.902 13.9945 11.8473C13.8804 11.8004 13.8483 11.6519 13.9355 11.5647C13.9898 11.5104 14.0574 11.5117 14.1267 11.5255L15.8799 11.8762L18.2932 12.3589C18.7153 12.4433 19.144 12.2481 19.3576 11.8744L20.6527 9.60794C20.8612 9.24304 20.8193 8.7867 20.5479 8.46586L15.5 2.5V0.287109ZM17 20H6V18.0002H17V20ZM7 16C7.00007 10.7793 9.66759 6.17842 13.7185 3.49105L18.569 9.2234L17.9787 10.2563L14.4816 9.55692C13.7702 9.41464 13.0347 9.63724 12.5216 10.1502C11.3888 11.2825 11.8463 13.127 13.2345 13.6972C14.4814 14.2095 15.094 14.7791 15.4356 15.3394C15.5531 15.532 15.6544 15.7496 15.7375 16H7ZM14 8C14.5523 8 15 7.55228 15 7C15 6.44772 14.5523 6 14 6C13.4477 6 13 6.44772 13 7C13 7.55228 13.4477 8 14 8Z"
  />
</svg>
Attribution
"Chess Line" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: