Skip to content
Cuelark UI

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

Icons8 Line Awesome · LiaDraftingCompassSolid

Drafting Compass Solid icon

A free drafting compass 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.

License
MIT license
Project
icons8.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/drafting-compass-solid.json
components/icons/line-awesome-drafting-compass-solid.tsx
import * as React from "react";

/**
 * Drafting Compass Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/drafting-compass-solid. Sized in em, colored by currentColor.
 */
export function LiaDraftingCompassSolidIcon(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 15 3 L 15 6.15625 C 13.28125 6.601563 12 8.148438 12 10 C 12 11.046875 12.425781 12 13.09375 12.71875 L 9.75 20 L 6 20 L 6 22 L 8.8125 22 L 5.96875 28.1875 L 7.78125 29.03125 L 11.03125 22 L 15 22 L 15 24 L 17 24 L 17 22 L 20.96875 22 L 24.1875 29.03125 L 26 28.21875 L 23.15625 22 L 26 22 L 26 20 L 22.25 20 L 18.90625 12.6875 C 19.566406 11.976563 20 11.042969 20 10 C 20 8.148438 18.71875 6.601563 17 6.15625 L 17 3 Z M 16 8 C 17.117188 8 18 8.882813 18 10 C 18 10.582031 17.765625 11.101563 17.375 11.46875 L 17.34375 11.5 L 16.34375 11.9375 L 20.03125 20 L 17 20 L 17 18 L 15 18 L 15 20 L 11.9375 20 L 15.625 12 L 14.625 11.53125 L 14.65625 11.5 C 14.242188 11.132813 14 10.601563 14 10 C 14 8.882813 14.882813 8 16 8 Z"
      />
    </svg>
  );
}
With react-icons
import { LiaDraftingCompassSolid } from "react-icons/lia";

export function Example() {
  return <LiaDraftingCompassSolid className="size-5" />;
}
drafting-compass-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 15 3 L 15 6.15625 C 13.28125 6.601563 12 8.148438 12 10 C 12 11.046875 12.425781 12 13.09375 12.71875 L 9.75 20 L 6 20 L 6 22 L 8.8125 22 L 5.96875 28.1875 L 7.78125 29.03125 L 11.03125 22 L 15 22 L 15 24 L 17 24 L 17 22 L 20.96875 22 L 24.1875 29.03125 L 26 28.21875 L 23.15625 22 L 26 22 L 26 20 L 22.25 20 L 18.90625 12.6875 C 19.566406 11.976563 20 11.042969 20 10 C 20 8.148438 18.71875 6.601563 17 6.15625 L 17 3 Z M 16 8 C 17.117188 8 18 8.882813 18 10 C 18 10.582031 17.765625 11.101563 17.375 11.46875 L 17.34375 11.5 L 16.34375 11.9375 L 20.03125 20 L 17 20 L 17 18 L 15 18 L 15 20 L 11.9375 20 L 15.625 12 L 14.625 11.53125 L 14.65625 11.5 C 14.242188 11.132813 14 10.601563 14 10 C 14 8.882813 14.882813 8 16 8 Z"
  />
</svg>
Attribution
"Drafting Compass Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons: