Skip to content
Cuelark UI

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

Game Icons · GiSurprised

Surprised icon

A free surprised 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
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/surprised.json
components/icons/game-icons-surprised.tsx
import * as React from "react";

/**
 * Surprised from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/surprised. Sized in em, colored by currentColor.
 */
export function GiSurprisedIcon(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="M119.75 21.125l46.313 85.97L19.53 77.904l110.595 88.22-95.53 21.906 118.81 32.532-54.218 49.032 89.876-7.22c-1.908-9.424-2.938-19.26-2.938-29.405 0-33.145 10.464-63.34 27.875-85.595 17.41-22.254 42.197-36.688 69.813-36.688.447 0 .898.024 1.343.032L258.25 26.312 234.78 93.72 119.75 21.124zm164.063 108.25c-21.154 0-40.524 10.877-55.094 29.5-14.572 18.623-23.907 44.906-23.907 74.094 0 30.247 10.36 57.38 25.937 76.155l10.125 12.22-15.594 2.936c-44.37 8.354-65.334 25.41-77.5 54.033-11.426 26.885-13.802 65.837-14.06 115.625h46.186v-50.75h18.688v50.75h167.53v-50.75h18.72v50.75h50.53c-.03-50.187-.558-90.043-10.937-117.282-11.042-28.982-31.384-46.105-79.75-53.72l-15.875-2.498 10.032-12.532c14.82-18.577 23.97-45.282 23.97-74.937-.002-29.19-9.337-55.472-23.908-74.095-14.57-18.623-33.94-29.5-55.094-29.5zM251.905 193.5c12.803 0 23.188 17.03 23.188 38.063 0 21.035-10.385 38.093-23.188 38.093-12.802 0-23.187-17.058-23.187-38.094 0-21.035 10.384-38.062 23.186-38.062zm64.406 0c12.803 0 23.188 17.03 23.188 38.063 0 21.035-10.385 38.093-23.188 38.093-12.802 0-23.187-17.058-23.187-38.094 0-21.035 10.385-38.062 23.188-38.062z"
      />
    </svg>
  );
}
With react-icons
import { GiSurprised } from "react-icons/gi";

export function Example() {
  return <GiSurprised className="size-5" />;
}
surprised.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="M119.75 21.125l46.313 85.97L19.53 77.904l110.595 88.22-95.53 21.906 118.81 32.532-54.218 49.032 89.876-7.22c-1.908-9.424-2.938-19.26-2.938-29.405 0-33.145 10.464-63.34 27.875-85.595 17.41-22.254 42.197-36.688 69.813-36.688.447 0 .898.024 1.343.032L258.25 26.312 234.78 93.72 119.75 21.124zm164.063 108.25c-21.154 0-40.524 10.877-55.094 29.5-14.572 18.623-23.907 44.906-23.907 74.094 0 30.247 10.36 57.38 25.937 76.155l10.125 12.22-15.594 2.936c-44.37 8.354-65.334 25.41-77.5 54.033-11.426 26.885-13.802 65.837-14.06 115.625h46.186v-50.75h18.688v50.75h167.53v-50.75h18.72v50.75h50.53c-.03-50.187-.558-90.043-10.937-117.282-11.042-28.982-31.384-46.105-79.75-53.72l-15.875-2.498 10.032-12.532c14.82-18.577 23.97-45.282 23.97-74.937-.002-29.19-9.337-55.472-23.908-74.095-14.57-18.623-33.94-29.5-55.094-29.5zM251.905 193.5c12.803 0 23.188 17.03 23.188 38.063 0 21.035-10.385 38.093-23.188 38.093-12.802 0-23.187-17.058-23.187-38.094 0-21.035 10.384-38.062 23.186-38.062zm64.406 0c12.803 0 23.188 17.03 23.188 38.063 0 21.035-10.385 38.093-23.188 38.093-12.802 0-23.187-17.058-23.187-38.094 0-21.035 10.385-38.062 23.188-38.062z"
  />
</svg>
Attribution
"Surprised" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons: