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

Stackpath icon

A free stackpath 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/stackpath.json
components/icons/line-awesome-stackpath.tsx
import * as React from "react";

/**
 * Stackpath from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/stackpath. Sized in em, colored by currentColor.
 */
export function LiaStackpathIcon(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 10.779297 13 C 9.7892969 13 8.5390625 13.460625 8.5390625 14.640625 C 8.5390625 15.470625 8.9309375 15.979062 10.710938 16.539062 C 11.450938 16.799062 11.640625 16.979141 11.640625 17.369141 C 11.640625 18.019141 10.830547 17.980469 10.810547 17.980469 C 9.9405469 17.980469 9.7109375 17.589063 9.7109375 17.039062 L 8.4003906 17.039062 L 8.390625 17.070312 C 8.360625 18.410312 9.6005469 19 10.810547 19 C 12.090547 19 13 18.419375 13 17.359375 C 13 16.449375 12.48 15.879453 11 15.439453 C 10.12 15.129453 9.890625 14.980391 9.890625 14.650391 C 9.890625 14.320391 10.189766 14.019531 10.759766 14.019531 C 11.359766 14.019531 11.650391 14.380547 11.650391 14.810547 L 12.960938 14.810547 L 12.970703 14.779297 C 12.990703 13.939297 12.329297 13 10.779297 13 z M 14 13.044922 L 14 18.955078 L 15.380859 18.955078 L 15.380859 16.925781 L 16.220703 16.925781 C 17.510703 16.925781 18.5 16.244375 18.5 14.984375 C 18.5 13.904375 17.710703 13.044922 16.220703 13.044922 L 14 13.044922 z M 20.210938 13.044922 L 18.160156 18.955078 L 19.439453 18.955078 L 21.539062 13.044922 L 20.210938 13.044922 z M 22.669922 13.044922 L 20.619141 18.955078 L 21.900391 18.955078 L 24 13.044922 L 22.669922 13.044922 z M 15.380859 14.095703 L 16.220703 14.095703 C 16.950703 14.095703 17.130859 14.624141 17.130859 14.994141 C 17.130859 15.354141 16.950703 15.875 16.220703 15.875 L 15.380859 15.875 L 15.380859 14.095703 z"
      />
    </svg>
  );
}
With react-icons
import { LiaStackpath } from "react-icons/lia";

export function Example() {
  return <LiaStackpath className="size-5" />;
}
stackpath.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 10.779297 13 C 9.7892969 13 8.5390625 13.460625 8.5390625 14.640625 C 8.5390625 15.470625 8.9309375 15.979062 10.710938 16.539062 C 11.450938 16.799062 11.640625 16.979141 11.640625 17.369141 C 11.640625 18.019141 10.830547 17.980469 10.810547 17.980469 C 9.9405469 17.980469 9.7109375 17.589063 9.7109375 17.039062 L 8.4003906 17.039062 L 8.390625 17.070312 C 8.360625 18.410312 9.6005469 19 10.810547 19 C 12.090547 19 13 18.419375 13 17.359375 C 13 16.449375 12.48 15.879453 11 15.439453 C 10.12 15.129453 9.890625 14.980391 9.890625 14.650391 C 9.890625 14.320391 10.189766 14.019531 10.759766 14.019531 C 11.359766 14.019531 11.650391 14.380547 11.650391 14.810547 L 12.960938 14.810547 L 12.970703 14.779297 C 12.990703 13.939297 12.329297 13 10.779297 13 z M 14 13.044922 L 14 18.955078 L 15.380859 18.955078 L 15.380859 16.925781 L 16.220703 16.925781 C 17.510703 16.925781 18.5 16.244375 18.5 14.984375 C 18.5 13.904375 17.710703 13.044922 16.220703 13.044922 L 14 13.044922 z M 20.210938 13.044922 L 18.160156 18.955078 L 19.439453 18.955078 L 21.539062 13.044922 L 20.210938 13.044922 z M 22.669922 13.044922 L 20.619141 18.955078 L 21.900391 18.955078 L 24 13.044922 L 22.669922 13.044922 z M 15.380859 14.095703 L 16.220703 14.095703 C 16.950703 14.095703 17.130859 14.624141 17.130859 14.994141 C 17.130859 15.354141 16.950703 15.875 16.220703 15.875 L 15.380859 15.875 L 15.380859 14.095703 z"
  />
</svg>
Attribution
"Stackpath" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Stackpath icon in other sets