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

Icons8 Line Awesome · LiaCuttlefish

Cuttlefish icon

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

components/icons/line-awesome-cuttlefish.tsx

import * as React from "react";

/**
 * Cuttlefish from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/cuttlefish. Sized in em, colored by currentColor.
 */
export function LiaCuttlefishIcon(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 17 3 C 9.831 3 4 8.831 4 16 C 4 23.169 9.832 29 17 29 C 20.641 29 24.016953 27.535 26.501953 24.875 L 27.376953 23.939453 L 26.306641 23.232422 C 23.221641 20.468422 21.938156 17.495047 21.785156 17.123047 C 20.619156 18.684047 18.789 20 17 20 C 14.791 20 13 18.209 13 16 C 13 13.791 14.791 12 17 12 C 18.793 12 20.627922 13.320719 21.794922 14.886719 C 21.931922 14.579719 23.678641 10.735578 26.306641 8.7675781 L 27.376953 8.0605469 L 26.501953 7.125 C 24.014953 4.465 20.641 3 17 3 z M 17 5 C 19.751 5 22.322844 5.9887344 24.339844 7.8027344 C 23.068844 8.9497344 22.038922 10.370031 21.294922 11.582031 C 20.072922 10.667031 18.59 10 17 10 C 13.692 10 11 12.692 11 16 C 11 19.308 13.692 22 17 22 C 18.591 22 20.074875 21.330063 21.296875 20.414062 C 22.004875 21.515062 23.01 22.843062 24.375 24.164062 C 22.353 25.999063 19.767 27 17 27 C 10.935 27 6 22.065 6 16 C 6 9.935 10.934 5 17 5 z"
      />
    </svg>
  );
}

With react-icons

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

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

cuttlefish.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 17 3 C 9.831 3 4 8.831 4 16 C 4 23.169 9.832 29 17 29 C 20.641 29 24.016953 27.535 26.501953 24.875 L 27.376953 23.939453 L 26.306641 23.232422 C 23.221641 20.468422 21.938156 17.495047 21.785156 17.123047 C 20.619156 18.684047 18.789 20 17 20 C 14.791 20 13 18.209 13 16 C 13 13.791 14.791 12 17 12 C 18.793 12 20.627922 13.320719 21.794922 14.886719 C 21.931922 14.579719 23.678641 10.735578 26.306641 8.7675781 L 27.376953 8.0605469 L 26.501953 7.125 C 24.014953 4.465 20.641 3 17 3 z M 17 5 C 19.751 5 22.322844 5.9887344 24.339844 7.8027344 C 23.068844 8.9497344 22.038922 10.370031 21.294922 11.582031 C 20.072922 10.667031 18.59 10 17 10 C 13.692 10 11 12.692 11 16 C 11 19.308 13.692 22 17 22 C 18.591 22 20.074875 21.330063 21.296875 20.414062 C 22.004875 21.515062 23.01 22.843062 24.375 24.164062 C 22.353 25.999063 19.767 27 17 27 C 10.935 27 6 22.065 6 16 C 6 9.935 10.934 5 17 5 z"
  />
</svg>

Attribution

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

Cuttlefish icon in other sets

Similar Icons8 Line Awesome icons