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 · LiaGrinStars

Grin Stars icon

A free grin stars 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 asai iconsparkle iconsparkles iconmagic iconwand iconbrain icon
License
MIT license
Project
icons8.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/grin-stars.json
components/icons/line-awesome-grin-stars.tsx
import * as React from "react";

/**
 * Grin Stars from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/grin-stars. Sized in em, colored by currentColor.
 */
export function LiaGrinStarsIcon(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 C 8.832 3 3 8.832 3 16 C 3 23.168 8.832 29 16 29 C 23.168 29 29 23.168 29 16 C 29 8.832 23.168 3 16 3 z M 16 5 C 22.065 5 27 9.935 27 16 C 27 22.065 22.065 27 16 27 C 9.935 27 5 22.065 5 16 C 5 9.935 9.935 5 16 5 z M 12 10.267578 L 11.125 12.232422 L 9 12.464844 L 10.589844 13.892578 L 10.142578 16 L 12 14.929688 L 13.857422 16 L 13.410156 13.892578 L 15 12.464844 L 12.875 12.232422 L 12 10.267578 z M 20 10.267578 L 19.125 12.232422 L 17 12.464844 L 18.589844 13.892578 L 18.142578 16 L 20 14.929688 L 21.857422 16 L 21.410156 13.892578 L 23 12.464844 L 20.875 12.232422 L 20 10.267578 z M 10.810547 19 L 9.0898438 20 C 9.2635938 20.29875 9.455 20.584668 9.6640625 20.857422 C 9.873125 21.130176 10.100547 21.389297 10.341797 21.632812 C 10.583047 21.876328 10.839063 22.105371 11.109375 22.316406 C 11.65 22.738477 12.244687 23.092539 12.882812 23.365234 C 13.201875 23.501582 13.532344 23.616797 13.871094 23.710938 C 14.548594 23.899219 15.2625 24 16 24 C 18.2125 24 20.210703 23.093906 21.658203 21.632812 C 21.899453 21.389297 22.126875 21.130176 22.335938 20.857422 C 22.545 20.584668 22.736406 20.29875 22.910156 20 L 21.189453 19 C 20.279453 20.56625 18.695957 21.689238 16.820312 21.945312 C 16.552363 21.981895 16.27875 22 16 22 C 15.72125 22 15.447637 21.981895 15.179688 21.945312 C 14.911738 21.90873 14.649453 21.853906 14.394531 21.783203 C 13.884688 21.641797 13.403359 21.435 12.958984 21.171875 C 12.736797 21.040312 12.522793 20.894629 12.320312 20.736328 C 11.915352 20.419727 11.553008 20.051367 11.240234 19.642578 C 11.083848 19.438184 10.940547 19.22375 10.810547 19 z"
      />
    </svg>
  );
}
With react-icons
import { LiaGrinStars } from "react-icons/lia";

export function Example() {
  return <LiaGrinStars className="size-5" />;
}
grin-stars.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 C 8.832 3 3 8.832 3 16 C 3 23.168 8.832 29 16 29 C 23.168 29 29 23.168 29 16 C 29 8.832 23.168 3 16 3 z M 16 5 C 22.065 5 27 9.935 27 16 C 27 22.065 22.065 27 16 27 C 9.935 27 5 22.065 5 16 C 5 9.935 9.935 5 16 5 z M 12 10.267578 L 11.125 12.232422 L 9 12.464844 L 10.589844 13.892578 L 10.142578 16 L 12 14.929688 L 13.857422 16 L 13.410156 13.892578 L 15 12.464844 L 12.875 12.232422 L 12 10.267578 z M 20 10.267578 L 19.125 12.232422 L 17 12.464844 L 18.589844 13.892578 L 18.142578 16 L 20 14.929688 L 21.857422 16 L 21.410156 13.892578 L 23 12.464844 L 20.875 12.232422 L 20 10.267578 z M 10.810547 19 L 9.0898438 20 C 9.2635938 20.29875 9.455 20.584668 9.6640625 20.857422 C 9.873125 21.130176 10.100547 21.389297 10.341797 21.632812 C 10.583047 21.876328 10.839063 22.105371 11.109375 22.316406 C 11.65 22.738477 12.244687 23.092539 12.882812 23.365234 C 13.201875 23.501582 13.532344 23.616797 13.871094 23.710938 C 14.548594 23.899219 15.2625 24 16 24 C 18.2125 24 20.210703 23.093906 21.658203 21.632812 C 21.899453 21.389297 22.126875 21.130176 22.335938 20.857422 C 22.545 20.584668 22.736406 20.29875 22.910156 20 L 21.189453 19 C 20.279453 20.56625 18.695957 21.689238 16.820312 21.945312 C 16.552363 21.981895 16.27875 22 16 22 C 15.72125 22 15.447637 21.981895 15.179688 21.945312 C 14.911738 21.90873 14.649453 21.853906 14.394531 21.783203 C 13.884688 21.641797 13.403359 21.435 12.958984 21.171875 C 12.736797 21.040312 12.522793 20.894629 12.320312 20.736328 C 11.915352 20.419727 11.553008 20.051367 11.240234 19.642578 C 11.083848 19.438184 10.940547 19.22375 10.810547 19 z"
  />
</svg>
Attribution
"Grin Stars" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons: ai, sparkle, sparkles, magic

Grin Stars icon in other sets