Skip to content
Cuelark UI

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

Game Icons · GiLoveMystery

Love Mystery icon

A free love mystery icon from Game Icons, 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
CC BY 3.0 license
Project
game-icons.net
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/love-mystery.json
components/icons/game-icons-love-mystery.tsx
import * as React from "react";

/**
 * Love Mystery from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/love-mystery. Sized in em, colored by currentColor.
 */
export function GiLoveMysteryIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 512 512"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M380.006 47.875c-48.564.002-92.971 35.889-110.682 68.068l-12.379 23.383-13.224-22.918c-31.673-54.89-88.472-74.886-136.377-65.469-47.904 9.415-86.637 46.01-84.475 114.075 1.69 53.225 32.985 91.889 75.262 131.015a128.242 128.242 0 0 1 16.015-14.56l-17.332-30.096 28.569-15.727.092.159.252-.139 16.865 29.357c.523-.217 1.055-.417 1.582-.628a124.819 124.819 0 0 1 31.197-8.36V222.08h32.85v33.918a125.361 125.361 0 0 1 31.986 8.58l16.588-28.912 22.014 12.383 5.656-7.93a54.25 54.25 0 0 1-9.479-19.396l-27.172-2.963 3.266-33.172 25.836 2.54a54.43 54.43 0 0 1 13.797-20.235l-10.166-22.682 30.193-13.51 10.031 22.395a53.606 53.606 0 0 1 5.944-.381c6.468-.04 12.754 1.105 18.633 3.228l14.216-19.912 26.924 19.664-14.715 20.58a53.782 53.782 0 0 1 8.868 21.862l26.123 2.865-3.27 33.174-27.803-3.057a54.966 54.966 0 0 1-12.593 16.49l11.867 26.524-30.192 13.512-11.923-26.64a53.21 53.21 0 0 1-20.64-1.835l-17.196 23.56-19.397-14.177-7.127 12.326a127.814 127.814 0 0 1 23.906 23.904l30.098-17.332 15.725 28.569-.158.091.138.252-29.357 16.866c.218.523.418 1.055.629 1.582a124.818 124.818 0 0 1 8.36 31.197h23.218c18.074-15.828 36.451-30.563 53.695-45.088 51.649-43.98 95.683-90.716 94.447-154.988-1.976-63.356-41.62-104.098-88.183-115.745a95.72 95.72 0 0 0-21.002-2.312zM327.46 182.219c-14.248-.147-26.259 10.901-27.137 25.281-.905 14.844 10.398 27.604 25.242 28.51 14.846.907 27.607-10.38 28.512-25.225.905-14.843-10.377-27.603-25.223-28.51a28.317 28.317 0 0 0-1.394-.056zM191.92 340.344c-11.525 0-21.96 4.647-29.553 12.162 20.37 18.135 40.624 37.446 58.713 59.17 8.192-9.124 12.587-17.835 12.69-29.73-.645-16.83-9.866-31.296-25.875-38.45a41.895 41.895 0 0 0-15.975-3.152z"
      />
    </svg>
  );
}
With react-icons
import { GiLoveMystery } from "react-icons/gi";

export function Example() {
  return <GiLoveMystery className="size-5" />;
}
love-mystery.svg
<svg
  viewBox="0 0 512 512"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M380.006 47.875c-48.564.002-92.971 35.889-110.682 68.068l-12.379 23.383-13.224-22.918c-31.673-54.89-88.472-74.886-136.377-65.469-47.904 9.415-86.637 46.01-84.475 114.075 1.69 53.225 32.985 91.889 75.262 131.015a128.242 128.242 0 0 1 16.015-14.56l-17.332-30.096 28.569-15.727.092.159.252-.139 16.865 29.357c.523-.217 1.055-.417 1.582-.628a124.819 124.819 0 0 1 31.197-8.36V222.08h32.85v33.918a125.361 125.361 0 0 1 31.986 8.58l16.588-28.912 22.014 12.383 5.656-7.93a54.25 54.25 0 0 1-9.479-19.396l-27.172-2.963 3.266-33.172 25.836 2.54a54.43 54.43 0 0 1 13.797-20.235l-10.166-22.682 30.193-13.51 10.031 22.395a53.606 53.606 0 0 1 5.944-.381c6.468-.04 12.754 1.105 18.633 3.228l14.216-19.912 26.924 19.664-14.715 20.58a53.782 53.782 0 0 1 8.868 21.862l26.123 2.865-3.27 33.174-27.803-3.057a54.966 54.966 0 0 1-12.593 16.49l11.867 26.524-30.192 13.512-11.923-26.64a53.21 53.21 0 0 1-20.64-1.835l-17.196 23.56-19.397-14.177-7.127 12.326a127.814 127.814 0 0 1 23.906 23.904l30.098-17.332 15.725 28.569-.158.091.138.252-29.357 16.866c.218.523.418 1.055.629 1.582a124.818 124.818 0 0 1 8.36 31.197h23.218c18.074-15.828 36.451-30.563 53.695-45.088 51.649-43.98 95.683-90.716 94.447-154.988-1.976-63.356-41.62-104.098-88.183-115.745a95.72 95.72 0 0 0-21.002-2.312zM327.46 182.219c-14.248-.147-26.259 10.901-27.137 25.281-.905 14.844 10.398 27.604 25.242 28.51 14.846.907 27.607-10.38 28.512-25.225.905-14.843-10.377-27.603-25.223-28.51a28.317 28.317 0 0 0-1.394-.056zM191.92 340.344c-11.525 0-21.96 4.647-29.553 12.162 20.37 18.135 40.624 37.446 58.713 59.17 8.192-9.124 12.587-17.835 12.69-29.73-.645-16.83-9.866-31.296-25.875-38.45a41.895 41.895 0 0 0-15.975-3.152z"
  />
</svg>
Attribution
"Love Mystery" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons: heart, like, favorite, favourite