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

Icons8 Line Awesome · LiaSketch

Sketch icon

A free sketch 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/sketch.json

components/icons/line-awesome-sketch.tsx

import * as React from "react";

/**
 * Sketch from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/sketch. Sized in em, colored by currentColor.
 */
export function LiaSketchIcon(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 16 3.9902344 L 8.4335938 5.0703125 L 2.7304688 13.056641 L 16 28.537109 L 29.267578 13.056641 L 23.564453 5.0703125 L 16 3.9902344 z M 13.470703 6.3710938 L 10.203125 10.105469 L 10.429688 6.8066406 L 13.470703 6.3710938 z M 18.529297 6.3710938 L 21.570312 6.8046875 L 21.796875 10.105469 L 18.529297 6.3710938 z M 16 6.5195312 L 20.796875 12 L 11.203125 12 L 16 6.5195312 z M 8.2949219 8.7070312 L 8.0664062 12 L 5.9433594 12 L 8.2949219 8.7070312 z M 23.705078 8.7089844 L 26.056641 12 L 23.933594 12 L 23.705078 8.7089844 z M 6.1757812 14 L 8.3828125 14 L 11.472656 20.181641 L 6.1757812 14 z M 10.619141 14 L 21.380859 14 L 16 24.763672 L 10.619141 14 z M 23.617188 14 L 25.824219 14 L 20.527344 20.181641 L 23.617188 14 z"
      />
    </svg>
  );
}

With react-icons

import { LiaSketch } from "react-icons/lia";

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

sketch.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 16 3.9902344 L 8.4335938 5.0703125 L 2.7304688 13.056641 L 16 28.537109 L 29.267578 13.056641 L 23.564453 5.0703125 L 16 3.9902344 z M 13.470703 6.3710938 L 10.203125 10.105469 L 10.429688 6.8066406 L 13.470703 6.3710938 z M 18.529297 6.3710938 L 21.570312 6.8046875 L 21.796875 10.105469 L 18.529297 6.3710938 z M 16 6.5195312 L 20.796875 12 L 11.203125 12 L 16 6.5195312 z M 8.2949219 8.7070312 L 8.0664062 12 L 5.9433594 12 L 8.2949219 8.7070312 z M 23.705078 8.7089844 L 26.056641 12 L 23.933594 12 L 23.705078 8.7089844 z M 6.1757812 14 L 8.3828125 14 L 11.472656 20.181641 L 6.1757812 14 z M 10.619141 14 L 21.380859 14 L 16 24.763672 L 10.619141 14 z M 23.617188 14 L 25.824219 14 L 20.527344 20.181641 L 23.617188 14 z"
  />
</svg>

Attribution

"Sketch" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Sketch icon in other sets

Similar Icons8 Line Awesome icons