Skip to content
Cuelark UI

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

Icons8 Line Awesome · LiaPencilRulerSolid

Pencil Ruler Solid icon

A free pencil ruler solid 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.

Also known asedit iconpen iconwrite iconmodify iconcompose icondraw icon
License
MIT license
Project
icons8.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/pencil-ruler-solid.json
components/icons/line-awesome-pencil-ruler-solid.tsx
import * as React from "react";

/**
 * Pencil Ruler Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/pencil-ruler-solid. Sized in em, colored by currentColor.
 */
export function LiaPencilRulerSolidIcon(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 8.8125 3 L 8.125 3.71875 L 3.71875 8.125 L 3 8.8125 L 10.1875 16 L 5.1875 21 L 5.125 21.3125 L 4.03125 26.8125 L 3.71875 28.28125 L 5.1875 27.96875 L 10.6875 26.875 L 11 26.8125 L 16 21.8125 L 23.15625 28.96875 L 23.84375 28.25 L 28.25 23.84375 L 28.96875 23.15625 L 21.8125 16 L 26.75 11.0625 C 28.359375 9.453125 28.359375 6.859375 26.75 5.25 C 25.945313 4.445313 24.894531 4.03125 23.84375 4.03125 C 22.792969 4.03125 21.742188 4.445313 20.9375 5.25 L 16 10.1875 Z M 8.8125 5.84375 L 10.75 7.8125 L 9.28125 9.28125 L 10.71875 10.71875 L 12.1875 9.25 L 14.5625 11.625 L 11.59375 14.59375 L 5.8125 8.8125 Z M 23.84375 5.96875 C 24.363281 5.96875 24.890625 6.203125 25.34375 6.65625 C 26.246094 7.558594 26.246094 8.722656 25.34375 9.625 L 24.6875 10.28125 L 21.71875 7.3125 L 22.375 6.65625 C 22.828125 6.203125 23.324219 5.96875 23.84375 5.96875 Z M 20.3125 8.71875 L 23.28125 11.6875 L 11.1875 23.78125 C 10.527344 22.511719 9.488281 21.472656 8.21875 20.8125 Z M 20.40625 17.40625 L 22.78125 19.78125 L 21.28125 21.28125 L 22.71875 22.71875 L 24.21875 21.21875 L 26.125 23.125 L 23.125 26.125 L 17.40625 20.40625 Z M 6.9375 22.40625 C 8.136719 22.910156 9.089844 23.863281 9.59375 25.0625 L 6.28125 25.71875 Z"
      />
    </svg>
  );
}
With react-icons
import { LiaPencilRulerSolid } from "react-icons/lia";

export function Example() {
  return <LiaPencilRulerSolid className="size-5" />;
}
pencil-ruler-solid.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 8.8125 3 L 8.125 3.71875 L 3.71875 8.125 L 3 8.8125 L 10.1875 16 L 5.1875 21 L 5.125 21.3125 L 4.03125 26.8125 L 3.71875 28.28125 L 5.1875 27.96875 L 10.6875 26.875 L 11 26.8125 L 16 21.8125 L 23.15625 28.96875 L 23.84375 28.25 L 28.25 23.84375 L 28.96875 23.15625 L 21.8125 16 L 26.75 11.0625 C 28.359375 9.453125 28.359375 6.859375 26.75 5.25 C 25.945313 4.445313 24.894531 4.03125 23.84375 4.03125 C 22.792969 4.03125 21.742188 4.445313 20.9375 5.25 L 16 10.1875 Z M 8.8125 5.84375 L 10.75 7.8125 L 9.28125 9.28125 L 10.71875 10.71875 L 12.1875 9.25 L 14.5625 11.625 L 11.59375 14.59375 L 5.8125 8.8125 Z M 23.84375 5.96875 C 24.363281 5.96875 24.890625 6.203125 25.34375 6.65625 C 26.246094 7.558594 26.246094 8.722656 25.34375 9.625 L 24.6875 10.28125 L 21.71875 7.3125 L 22.375 6.65625 C 22.828125 6.203125 23.324219 5.96875 23.84375 5.96875 Z M 20.3125 8.71875 L 23.28125 11.6875 L 11.1875 23.78125 C 10.527344 22.511719 9.488281 21.472656 8.21875 20.8125 Z M 20.40625 17.40625 L 22.78125 19.78125 L 21.28125 21.28125 L 22.71875 22.71875 L 24.21875 21.21875 L 26.125 23.125 L 23.125 26.125 L 17.40625 20.40625 Z M 6.9375 22.40625 C 8.136719 22.910156 9.089844 23.863281 9.59375 25.0625 L 6.28125 25.71875 Z"
  />
</svg>
Attribution
"Pencil Ruler Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons: edit, pen, write, modify