Skip to content
Cuelark UI

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

Game Icons · GiCrossFlare

Cross Flare icon

A free cross flare 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.

Also known asclose iconx iconcancel icondismiss icontimes iconremove iconxmark icon
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/cross-flare.json
components/icons/game-icons-cross-flare.tsx
import * as React from "react";

/**
 * Cross Flare from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/cross-flare. Sized in em, colored by currentColor.
 */
export function GiCrossFlareIcon(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="M226.877 20.416c-18.832 0-37.66 2.584-55.922 7.72-28.518 5.13-56 17.362-79.572 36.71L29.203 28.67 65.51 91.078c-16.078 20.147-27.035 43.04-32.88 66.938C7.28 230.34 23.513 313.994 81.33 371.81c52.018 52.02 124.946 70.363 191.723 55.06l69.315 65.65-20.04-83.825c12.878-6.742 25.186-14.95 36.693-24.603L498.85 498.326 384.625 358.502c9.778-11.64 18.07-24.105 24.867-37.148l83.112 19.87-65.125-68.76c15.314-66.787-3.026-139.73-55.052-191.76-17.117-17.116-36.504-30.574-57.186-40.4l.688-1.27-1.565.85c-27.637-12.973-57.56-19.468-87.488-19.468zM202.07 43.908c24.817 0 49.633 5.904 72.186 17.703l-97.574 52.86-67.93-39.52C136.357 54.263 169.21 43.91 202.07 43.91zm94.09 31.623c5.63 4.275 11.043 8.972 16.184 14.113 54.775 54.776 60.34 139.89 16.715 200.84l-89.796-109.92L296.16 75.53zM75.668 108.544l39.793 68.4L63.84 272.24C36.7 220.5 40.648 156.814 75.668 108.543zm104.77 129.66l110.26 90.076c-60.798 42.13-144.68 36.112-198.88-18.07l-.02-.017v-.002c-5.17-5.17-9.892-10.617-14.187-16.284l102.828-55.703z"
      />
    </svg>
  );
}
With react-icons
import { GiCrossFlare } from "react-icons/gi";

export function Example() {
  return <GiCrossFlare className="size-5" />;
}
cross-flare.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="M226.877 20.416c-18.832 0-37.66 2.584-55.922 7.72-28.518 5.13-56 17.362-79.572 36.71L29.203 28.67 65.51 91.078c-16.078 20.147-27.035 43.04-32.88 66.938C7.28 230.34 23.513 313.994 81.33 371.81c52.018 52.02 124.946 70.363 191.723 55.06l69.315 65.65-20.04-83.825c12.878-6.742 25.186-14.95 36.693-24.603L498.85 498.326 384.625 358.502c9.778-11.64 18.07-24.105 24.867-37.148l83.112 19.87-65.125-68.76c15.314-66.787-3.026-139.73-55.052-191.76-17.117-17.116-36.504-30.574-57.186-40.4l.688-1.27-1.565.85c-27.637-12.973-57.56-19.468-87.488-19.468zM202.07 43.908c24.817 0 49.633 5.904 72.186 17.703l-97.574 52.86-67.93-39.52C136.357 54.263 169.21 43.91 202.07 43.91zm94.09 31.623c5.63 4.275 11.043 8.972 16.184 14.113 54.775 54.776 60.34 139.89 16.715 200.84l-89.796-109.92L296.16 75.53zM75.668 108.544l39.793 68.4L63.84 272.24C36.7 220.5 40.648 156.814 75.668 108.543zm104.77 129.66l110.26 90.076c-60.798 42.13-144.68 36.112-198.88-18.07l-.02-.017v-.002c-5.17-5.17-9.892-10.617-14.187-16.284l102.828-55.703z"
  />
</svg>
Attribution
"Cross Flare" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons: close, x, cancel, dismiss