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

Pushed icon

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

/**
 * Pushed from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/pushed. Sized in em, colored by currentColor.
 */
export function LiaPushedIcon(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 20.53125 4.0039062 C 20.409496 3.9940918 20.287844 4.0006875 20.167969 4.0234375 L 5.6308594 6.4023438 C 4.8218594 6.5473437 4.238375 7.3832813 4.484375 8.3632812 L 10.115234 27.025391 C 10.463234 28.166391 12.081875 28.322391 12.671875 27.400391 L 14.5625 23.072266 L 27.390625 10.677734 C 28.269625 9.7777344 27.620031 8.3793438 26.457031 8.2773438 L 20.955078 7.796875 L 21.705078 6.0058594 C 22.192453 4.9042344 21.383527 4.0726074 20.53125 4.0039062 z M 20.371094 5.1542969 C 20.644094 5.1162969 20.773391 5.2877813 20.650391 5.5507812 L 19.75 7.6894531 L 10.244141 6.8164062 L 20.371094 5.1542969 z M 5.96875 7.5761719 L 19.294922 8.7929688 L 14.101562 21.152344 L 5.640625 8.0625 C 5.474625 7.7895 5.69575 7.5281719 5.96875 7.5761719 z M 20.488281 8.9042969 L 26.414062 9.4257812 C 26.629062 9.4837812 26.721688 9.7077656 26.554688 9.8847656 L 15.681641 20.355469 L 20.488281 8.9042969 z M 6.7558594 11.910156 L 13.597656 22.498047 C 13.222656 23.301047 11.712891 26.736328 11.712891 26.736328 C 11.573891 26.950328 11.288031 26.903828 11.207031 26.673828 L 6.7558594 11.910156 z"
      />
    </svg>
  );
}
With react-icons
import { LiaPushed } from "react-icons/lia";

export function Example() {
  return <LiaPushed className="size-5" />;
}
pushed.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 20.53125 4.0039062 C 20.409496 3.9940918 20.287844 4.0006875 20.167969 4.0234375 L 5.6308594 6.4023438 C 4.8218594 6.5473437 4.238375 7.3832813 4.484375 8.3632812 L 10.115234 27.025391 C 10.463234 28.166391 12.081875 28.322391 12.671875 27.400391 L 14.5625 23.072266 L 27.390625 10.677734 C 28.269625 9.7777344 27.620031 8.3793438 26.457031 8.2773438 L 20.955078 7.796875 L 21.705078 6.0058594 C 22.192453 4.9042344 21.383527 4.0726074 20.53125 4.0039062 z M 20.371094 5.1542969 C 20.644094 5.1162969 20.773391 5.2877813 20.650391 5.5507812 L 19.75 7.6894531 L 10.244141 6.8164062 L 20.371094 5.1542969 z M 5.96875 7.5761719 L 19.294922 8.7929688 L 14.101562 21.152344 L 5.640625 8.0625 C 5.474625 7.7895 5.69575 7.5281719 5.96875 7.5761719 z M 20.488281 8.9042969 L 26.414062 9.4257812 C 26.629062 9.4837812 26.721688 9.7077656 26.554688 9.8847656 L 15.681641 20.355469 L 20.488281 8.9042969 z M 6.7558594 11.910156 L 13.597656 22.498047 C 13.222656 23.301047 11.712891 26.736328 11.712891 26.736328 C 11.573891 26.950328 11.288031 26.903828 11.207031 26.673828 L 6.7558594 11.910156 z"
  />
</svg>
Attribution
"Pushed" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Pushed icon in other sets