Skip to content
Cuelark UI

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

Icons8 Line Awesome · LiaStarAndCrescentSolid

Star And Crescent Solid icon

A free star and crescent 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 asfavorite iconrating iconreview iconbookmark icon
License
MIT license
Project
icons8.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/star-and-crescent-solid.json
components/icons/line-awesome-star-and-crescent-solid.tsx
import * as React from "react";

/**
 * Star And Crescent Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/star-and-crescent-solid. Sized in em, colored by currentColor.
 */
export function LiaStarAndCrescentSolidIcon(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 14.5 4 C 8.144531 4 3.03125 9.410156 3.03125 16 C 3.03125 22.589844 8.144531 28 14.5 28 C 18.367188 28 20.976563 26.445313 22.9375 24.59375 L 22.25 23.875 L 21.75 23 C 20.59375 23.683594 19.535156 24 17 24 C 12.574219 24 9 20.660156 9 16 C 9 11.339844 12.578125 8 17 8 C 19.148438 8 20.644531 8.339844 21.71875 8.9375 L 21.9375 8.53125 L 22 8.46875 L 21.75 8.9375 C 21.769531 8.949219 21.785156 8.953125 21.8125 8.96875 L 22.3125 8.125 L 23.03125 7.40625 C 21.03125 5.519531 18.175781 4 14.5 4 Z M 14.5 6 C 14.960938 6 15.386719 6.042969 15.8125 6.09375 C 10.90625 6.667969 7 10.71875 7 16 C 7 21.292969 10.925781 25.34375 15.84375 25.90625 C 15.417969 25.953125 14.980469 26 14.5 26 C 9.277344 26 5.03125 21.558594 5.03125 16 C 5.03125 10.4375 9.277344 6 14.5 6 Z M 25.59375 11 L 23.4375 14.09375 L 20.03125 12.875 L 22.125 16 L 20 19.0625 L 23.4375 17.90625 L 25.5625 21 L 25.5625 17.1875 L 29 16 L 25.5625 14.8125 Z"
      />
    </svg>
  );
}
With react-icons
import { LiaStarAndCrescentSolid } from "react-icons/lia";

export function Example() {
  return <LiaStarAndCrescentSolid className="size-5" />;
}
star-and-crescent-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 14.5 4 C 8.144531 4 3.03125 9.410156 3.03125 16 C 3.03125 22.589844 8.144531 28 14.5 28 C 18.367188 28 20.976563 26.445313 22.9375 24.59375 L 22.25 23.875 L 21.75 23 C 20.59375 23.683594 19.535156 24 17 24 C 12.574219 24 9 20.660156 9 16 C 9 11.339844 12.578125 8 17 8 C 19.148438 8 20.644531 8.339844 21.71875 8.9375 L 21.9375 8.53125 L 22 8.46875 L 21.75 8.9375 C 21.769531 8.949219 21.785156 8.953125 21.8125 8.96875 L 22.3125 8.125 L 23.03125 7.40625 C 21.03125 5.519531 18.175781 4 14.5 4 Z M 14.5 6 C 14.960938 6 15.386719 6.042969 15.8125 6.09375 C 10.90625 6.667969 7 10.71875 7 16 C 7 21.292969 10.925781 25.34375 15.84375 25.90625 C 15.417969 25.953125 14.980469 26 14.5 26 C 9.277344 26 5.03125 21.558594 5.03125 16 C 5.03125 10.4375 9.277344 6 14.5 6 Z M 25.59375 11 L 23.4375 14.09375 L 20.03125 12.875 L 22.125 16 L 20 19.0625 L 23.4375 17.90625 L 25.5625 21 L 25.5625 17.1875 L 29 16 L 25.5625 14.8125 Z"
  />
</svg>
Attribution
"Star And Crescent Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons: favorite, rating, review, bookmark