Hover the icon or press Play. Suggested motion: turn. Pick another to preview it and update the animated code:
Camargue Cross icon
A free camargue cross 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/camargue-cross.jsonimport * as React from "react";
/**
* Camargue Cross from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/camargue-cross. Sized in em, colored by currentColor.
*/
export function GiCamargueCrossIcon(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="M230.363 32.256l-12.726 12.726L247 74.348v51.271h-67.271l-29.366-29.363-12.726 12.726 25.636 25.637-25.636 25.637 12.726 12.726 29.366-29.363H247v79.213c-17.269-16.404-34.965-23.523-50.857-22.102-2.99.268-5.916.838-8.762 1.704C164.608 209.36 151 233.76 151 262.619c0 29 22.182 53.882 44.365 78.082 21.702 23.675 44.225 47.136 51.617 67.416-.184 13.99-2.919 22.791-6.336 28.186-3.538 5.586-7.751 8.128-13.119 9.662-5.367 1.533-11.853 1.643-18.113 1.18-4.385-.325-8.464-.929-12.41-1.27-12.532-5.06-22.06-10.59-29.479-16.36-26.256-24.219-36.388-52.882-52.545-85.812l-9.482 61.985 16.225-7.522c7.592 15.066 16.568 31.414 34.752 45.557 28.045 21.169 65.905 30.32 98.045 35.773l1.48.248 1.48-.248c35.531-6.743 69.787-14.072 98.045-35.773 18.184-14.143 27.16-30.491 34.752-45.557l16.225 7.522-9.482-61.985c-14.464 29.13-30.782 68.45-52.545 85.813-7.42 5.77-16.947 11.3-29.479 16.359-3.946.341-8.025.945-12.41 1.27-6.26.463-12.746.353-18.113-1.18-5.368-1.534-9.581-4.076-13.12-9.662-3.416-5.395-6.15-14.195-6.335-28.186 7.392-20.28 29.915-43.741 51.617-67.416C338.818 316.501 361 291.62 361 262.62c0-28.859-13.608-53.259-36.38-60.185a43.324 43.324 0 0 0-8.763-1.704c-15.892-1.421-33.588 5.698-50.857 22.102v-79.213h67.271l29.366 29.363 12.726-12.726-25.636-25.637 25.636-25.637-12.726-12.726-29.366 29.363H265V74.348l29.363-29.366-12.726-12.726L256 57.893zm-29.597 186.29c12.329.199 28.452 8.274 46.234 31.126v122.402c-11.226-15.039-25.343-29.33-38.365-43.537C186.818 304.737 169 281.62 169 262.62c0-23.342 10.392-38.941 23.62-42.965 2.48-.754 5.205-1.154 8.146-1.107zm110.468 0c2.941-.046 5.667.354 8.147 1.108C332.608 223.678 343 239.277 343 262.62c0 19-17.818 42.118-39.635 65.918-13.022 14.207-27.139 28.498-38.365 43.537V249.672c17.782-22.852 33.905-30.927 46.234-31.125z"
/>
</svg>
);
}import { GiCamargueCross } from "react-icons/gi";
export function Example() {
return <GiCamargueCross 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="M230.363 32.256l-12.726 12.726L247 74.348v51.271h-67.271l-29.366-29.363-12.726 12.726 25.636 25.637-25.636 25.637 12.726 12.726 29.366-29.363H247v79.213c-17.269-16.404-34.965-23.523-50.857-22.102-2.99.268-5.916.838-8.762 1.704C164.608 209.36 151 233.76 151 262.619c0 29 22.182 53.882 44.365 78.082 21.702 23.675 44.225 47.136 51.617 67.416-.184 13.99-2.919 22.791-6.336 28.186-3.538 5.586-7.751 8.128-13.119 9.662-5.367 1.533-11.853 1.643-18.113 1.18-4.385-.325-8.464-.929-12.41-1.27-12.532-5.06-22.06-10.59-29.479-16.36-26.256-24.219-36.388-52.882-52.545-85.812l-9.482 61.985 16.225-7.522c7.592 15.066 16.568 31.414 34.752 45.557 28.045 21.169 65.905 30.32 98.045 35.773l1.48.248 1.48-.248c35.531-6.743 69.787-14.072 98.045-35.773 18.184-14.143 27.16-30.491 34.752-45.557l16.225 7.522-9.482-61.985c-14.464 29.13-30.782 68.45-52.545 85.813-7.42 5.77-16.947 11.3-29.479 16.359-3.946.341-8.025.945-12.41 1.27-6.26.463-12.746.353-18.113-1.18-5.368-1.534-9.581-4.076-13.12-9.662-3.416-5.395-6.15-14.195-6.335-28.186 7.392-20.28 29.915-43.741 51.617-67.416C338.818 316.501 361 291.62 361 262.62c0-28.859-13.608-53.259-36.38-60.185a43.324 43.324 0 0 0-8.763-1.704c-15.892-1.421-33.588 5.698-50.857 22.102v-79.213h67.271l29.366 29.363 12.726-12.726-25.636-25.637 25.636-25.637-12.726-12.726-29.366 29.363H265V74.348l29.363-29.366-12.726-12.726L256 57.893zm-29.597 186.29c12.329.199 28.452 8.274 46.234 31.126v122.402c-11.226-15.039-25.343-29.33-38.365-43.537C186.818 304.737 169 281.62 169 262.62c0-23.342 10.392-38.941 23.62-42.965 2.48-.754 5.205-1.154 8.146-1.107zm110.468 0c2.941-.046 5.667.354 8.147 1.108C332.608 223.678 343 239.277 343 262.62c0 19-17.818 42.118-39.635 65.918-13.022 14.207-27.139 28.498-38.365 43.537V249.672c17.782-22.852 33.905-30.927 46.234-31.125z"
/>
</svg>"Camargue Cross" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.