Skip to content
Cuelark UI

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

Icons8 Line Awesome · LiaXingSquare

Xing Square icon

A free xing square icon from Icons8 Line Awesome, 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
icons8.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/xing-square.json
components/icons/line-awesome-xing-square.tsx
import * as React from "react";

/**
 * Xing Square from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/xing-square. Sized in em, colored by currentColor.
 */
export function LiaXingSquareIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M 5 5 L 5 27 L 27 27 L 27 5 L 5 5 z M 7 7 L 25 7 L 25 25 L 7 25 L 7 7 z M 19.638672 9 C 19.418672 9 19.237891 9.1308594 19.087891 9.3808594 C 16.179891 14.516859 14.670313 17.173516 14.570312 17.353516 L 17.458984 22.619141 C 17.599984 22.869141 17.779531 23 18.019531 23 L 20.058594 23 C 20.328594 23 20.448359 22.780547 20.318359 22.560547 L 17.460938 17.353516 L 17.460938 17.34375 L 21.957031 9.4394531 C 22.077031 9.2094531 21.937266 9 21.697266 9 L 19.638672 9 z M 11.074219 12 C 10.826219 12 10.687406 12.197547 10.816406 12.435547 L 12.185547 14.785156 L 10.042969 18.554688 C 9.9239687 18.772688 10.062781 19 10.300781 19 L 12.324219 19 C 12.532219 19 12.719141 18.871516 12.869141 18.603516 C 14.267141 16.154516 14.991781 14.874391 15.050781 14.775391 L 13.662109 12.376953 C 13.513109 12.128953 13.325656 12 13.097656 12 L 11.074219 12 z"
      />
    </svg>
  );
}
With react-icons
import { LiaXingSquare } from "react-icons/lia";

export function Example() {
  return <LiaXingSquare className="size-5" />;
}
xing-square.svg
<svg
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M 5 5 L 5 27 L 27 27 L 27 5 L 5 5 z M 7 7 L 25 7 L 25 25 L 7 25 L 7 7 z M 19.638672 9 C 19.418672 9 19.237891 9.1308594 19.087891 9.3808594 C 16.179891 14.516859 14.670313 17.173516 14.570312 17.353516 L 17.458984 22.619141 C 17.599984 22.869141 17.779531 23 18.019531 23 L 20.058594 23 C 20.328594 23 20.448359 22.780547 20.318359 22.560547 L 17.460938 17.353516 L 17.460938 17.34375 L 21.957031 9.4394531 C 22.077031 9.2094531 21.937266 9 21.697266 9 L 19.638672 9 z M 11.074219 12 C 10.826219 12 10.687406 12.197547 10.816406 12.435547 L 12.185547 14.785156 L 10.042969 18.554688 C 9.9239687 18.772688 10.062781 19 10.300781 19 L 12.324219 19 C 12.532219 19 12.719141 18.871516 12.869141 18.603516 C 14.267141 16.154516 14.991781 14.874391 15.050781 14.775391 L 13.662109 12.376953 C 13.513109 12.128953 13.325656 12 13.097656 12 L 11.074219 12 z"
  />
</svg>
Attribution
"Xing Square" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons:

Xing Square icon in other sets