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

BoxIcons · BiHappyHeartEyes

Happy Heart Eyes icon

A free happy heart eyes icon from BoxIcons, 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 assmile icon emoji icon face icon emotion icon mood icon like icon love icon favorite icon

License: MIT license
Project: github.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/boxicons/happy-heart-eyes.json

components/icons/boxicons-happy-heart-eyes.tsx

import * as React from "react";

/**
 * Happy Heart Eyes from BoxIcons (https://github.com/atisawd/boxicons), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/boxicons/happy-heart-eyes. Sized in em, colored by currentColor.
 */
export function BiHappyHeartEyesIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path d="M12 18c4 0 5-4 5-4H7s1 4 5 4z" />
      <path
        d="M12 22c5.514 0 10-4.486 10-10S17.514 2 12 2 2 6.486 2 12s4.486 10 10 10zm0-18c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8z"
      />
      <path
        d="m8.535 12.634 2.05-2.083a1.485 1.485 0 0 0-.018-2.118 1.49 1.49 0 0 0-2.065-.034 1.488 1.488 0 0 0-2.067.068c-.586.6-.579 1.53.019 2.117l2.081 2.05zm7 0 2.05-2.083a1.485 1.485 0 0 0-.018-2.118 1.49 1.49 0 0 0-2.065-.034 1.488 1.488 0 0 0-2.068.067c-.586.6-.579 1.53.019 2.117l2.082 2.051z"
      />
    </svg>
  );
}

With react-icons

import { BiHappyHeartEyes } from "react-icons/bi";

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

happy-heart-eyes.svg

<svg
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M12 18c4 0 5-4 5-4H7s1 4 5 4z" />
  <path
    d="M12 22c5.514 0 10-4.486 10-10S17.514 2 12 2 2 6.486 2 12s4.486 10 10 10zm0-18c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8z"
  />
  <path
    d="m8.535 12.634 2.05-2.083a1.485 1.485 0 0 0-.018-2.118 1.49 1.49 0 0 0-2.065-.034 1.488 1.488 0 0 0-2.067.068c-.586.6-.579 1.53.019 2.117l2.081 2.05zm7 0 2.05-2.083a1.485 1.485 0 0 0-.018-2.118 1.49 1.49 0 0 0-2.065-.034 1.488 1.488 0 0 0-2.068.067c-.586.6-.579 1.53.019 2.117l2.082 2.051z"
  />
</svg>

Attribution

"Happy Heart Eyes" icon from BoxIcons (https://github.com/atisawd/boxicons), licensed under MIT license.

Related icons: smile, emoji, face, emotion

Similar BoxIcons icons