Hover the icon or press Play. Suggested motion: blink. Pick another to preview it and update the animated code:
Bleeding Eye icon
A free bleeding eye 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
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/bleeding-eye.jsonimport * as React from "react";
/**
* Bleeding Eye from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/bleeding-eye. Sized in em, colored by currentColor.
*/
export function GiBleedingEyeIcon(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="M246.344 28.938c-89.18-.037-174.996 44.27-222.656 133 21.242 38.834 45.078 64.08 54.374 100v49.968C73.3 322.043 66 329.11 66 340.312c0 9.09 11.63 18.094 21.03 18.094 9.198 0 21.597-9.677 21.595-19.25 0-11.367-7.31-17.81-11.875-27.03v-32.282c16.002-32.16 81.357-9.403 105.844 45.625v80.592c-6.364 10.477-13.625 16.953-13.625 28.875 0 17.885 11.763 24.5 23.936 24.5 11.907 0 21.594-5.66 21.594-24.5 0-9.298-7.442-16.634-13.22-31.062V325.72c15.678-36.473 54.92-20.136 71.657 31.25v74.842c-5.41 10.498-11.718 19.456-11.718 32.313 0 12.927 10.045 22.188 21.03 22.188 10.744 0 22.188-9.728 22.188-23.344 0-14.448-7.098-23.414-12.813-34.564v-84.562h-.22c15.34-65.977 52.293-101.43 68.75-52.594v59.78c-4.457 8.957-9.56 17.375-9.56 29.595 0 13.944 9.553 23.938 18.686 23.938 9.338 0 18.095-9.543 18.095-22.782 0-10.83-4.347-19.014-8.53-27.56V284.31c19.988-69.842 66.447-87.325 90.31-122.375-61.083-88.583-153.632-132.963-242.81-133zm.437 22c81.74-.606 166.08 37.776 216.126 115.906-149.813 108.407-280.244 108.6-412.969-4.938 40.834-73.15 117.62-110.38 196.844-110.97zm4.69 16.03c-44.972 0-81.407 36.468-81.407 81.438s36.435 81.406 81.406 81.406c44.97 0 81.436-36.434 81.436-81.406 0-44.97-36.467-81.437-81.437-81.437zm-.532 49.063c16.13 0 29.187 13.06 29.187 29.19 0 16.13-13.057 29.218-29.188 29.218-16.13 0-29.218-13.09-29.218-29.22s13.087-29.187 29.218-29.187z"
/>
</svg>
);
}import { GiBleedingEye } from "react-icons/gi";
export function Example() {
return <GiBleedingEye className="size-5" />;
}<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="M246.344 28.938c-89.18-.037-174.996 44.27-222.656 133 21.242 38.834 45.078 64.08 54.374 100v49.968C73.3 322.043 66 329.11 66 340.312c0 9.09 11.63 18.094 21.03 18.094 9.198 0 21.597-9.677 21.595-19.25 0-11.367-7.31-17.81-11.875-27.03v-32.282c16.002-32.16 81.357-9.403 105.844 45.625v80.592c-6.364 10.477-13.625 16.953-13.625 28.875 0 17.885 11.763 24.5 23.936 24.5 11.907 0 21.594-5.66 21.594-24.5 0-9.298-7.442-16.634-13.22-31.062V325.72c15.678-36.473 54.92-20.136 71.657 31.25v74.842c-5.41 10.498-11.718 19.456-11.718 32.313 0 12.927 10.045 22.188 21.03 22.188 10.744 0 22.188-9.728 22.188-23.344 0-14.448-7.098-23.414-12.813-34.564v-84.562h-.22c15.34-65.977 52.293-101.43 68.75-52.594v59.78c-4.457 8.957-9.56 17.375-9.56 29.595 0 13.944 9.553 23.938 18.686 23.938 9.338 0 18.095-9.543 18.095-22.782 0-10.83-4.347-19.014-8.53-27.56V284.31c19.988-69.842 66.447-87.325 90.31-122.375-61.083-88.583-153.632-132.963-242.81-133zm.437 22c81.74-.606 166.08 37.776 216.126 115.906-149.813 108.407-280.244 108.6-412.969-4.938 40.834-73.15 117.62-110.38 196.844-110.97zm4.69 16.03c-44.972 0-81.407 36.468-81.407 81.438s36.435 81.406 81.406 81.406c44.97 0 81.436-36.434 81.436-81.406 0-44.97-36.467-81.437-81.437-81.437zm-.532 49.063c16.13 0 29.187 13.06 29.187 29.19 0 16.13-13.057 29.218-29.188 29.218-16.13 0-29.218-13.09-29.218-29.22s13.087-29.187 29.218-29.187z"
/>
</svg>"Bleeding Eye" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.