Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Strafe icon
A free strafe 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/strafe.jsonimport * as React from "react";
/**
* Strafe from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/strafe. Sized in em, colored by currentColor.
*/
export function GiStrafeIcon(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="M196.5 18.95c-20.1.1-40.9 4.3-61.3 12.3 6 18.3 23 69.15 23 69.15l-17.7 6s-15.7-47.05-22.4-67.45c-17.9 9.3-35.34 21.7-50.94 37.3-16 16.1-28.9 34.15-38.3 52.85 21.8 7.2 66.6 22.3 66.6 22.3l-6 17.8s-48-16.2-68.3-22.9c-14.002 36.2-15.902 74-5 105.9 12.7-12.7 32.7-19.5 56.4-20.7l65.84 65.9 13.2-13.2-51.64-51.8c49.24 5.6 107.44 30.9 150.64 74.1l45.9-45.8c-42.4-42.4-66.8-101.3-72.5-150.9l51 51 13.2-13.2-65.3-65.35c.9-24.2 7.3-44.2 19.2-56.1-14.3-4.9-29.7-7.3-45.6-7.2zM318.3 154.9c-2.7 0-5.4.3-8 .9 2.7 1.8 5.4 3.9 7.8 6.3 12.1 12.1 15.9 28 8.4 35.5s-23.5 3.7-35.6-8.4c-2.4-2.4-4.5-5-6.2-7.7-.6 2.6-.9 5.2-.9 7.9 0 19 15.4 34.4 34.5 34.4 5.6 0 10.9-1.3 15.5-3.7l16.3 16.3 13.2-13.2-15.7-15.7c3.3-5.3 5.2-11.5 5.2-18.1 0-19.1-15.4-34.5-34.5-34.5zm-95.4 42c66.2 66.2 32 100.5-34.2 34.3zm153.6 39.5l-13.2 13.2 30.7 30.7 13.2-13.3zm43.9 43.9l-13.2 13.2 29.2 29.2 13.2-13.2zm-240 11.5c-2.7 0-5.4.3-7.9.9 2.6 1.7 5.2 3.9 7.7 6.3 12.1 12.1 15.8 28 8.3 35.5-7.4 7.4-23.3 3.7-35.4-8.4-2.4-2.5-4.5-5.1-6.3-7.7-.6 2.5-.9 5.1-.9 7.8 0 19.1 15.5 34.5 34.5 34.5 6.6 0 12.8-1.9 18-5.1l16.2 16.2 13.2-13.2-16.7-16.7c2.4-4.7 3.8-10 3.8-15.7 0-19-15.5-34.4-34.5-34.4zm282.5 30.9L449.6 336l34.5 34.4V344zM241 371.8L227.8 385l30.7 30.6 13.2-13.1zm43.9 43.8l-13.2 13.3 29.3 29.2 13.1-13.2zm42.6 42.5l-13.3 13.2 21.8 21.8h26.4z"
/>
</svg>
);
}import { GiStrafe } from "react-icons/gi";
export function Example() {
return <GiStrafe 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="M196.5 18.95c-20.1.1-40.9 4.3-61.3 12.3 6 18.3 23 69.15 23 69.15l-17.7 6s-15.7-47.05-22.4-67.45c-17.9 9.3-35.34 21.7-50.94 37.3-16 16.1-28.9 34.15-38.3 52.85 21.8 7.2 66.6 22.3 66.6 22.3l-6 17.8s-48-16.2-68.3-22.9c-14.002 36.2-15.902 74-5 105.9 12.7-12.7 32.7-19.5 56.4-20.7l65.84 65.9 13.2-13.2-51.64-51.8c49.24 5.6 107.44 30.9 150.64 74.1l45.9-45.8c-42.4-42.4-66.8-101.3-72.5-150.9l51 51 13.2-13.2-65.3-65.35c.9-24.2 7.3-44.2 19.2-56.1-14.3-4.9-29.7-7.3-45.6-7.2zM318.3 154.9c-2.7 0-5.4.3-8 .9 2.7 1.8 5.4 3.9 7.8 6.3 12.1 12.1 15.9 28 8.4 35.5s-23.5 3.7-35.6-8.4c-2.4-2.4-4.5-5-6.2-7.7-.6 2.6-.9 5.2-.9 7.9 0 19 15.4 34.4 34.5 34.4 5.6 0 10.9-1.3 15.5-3.7l16.3 16.3 13.2-13.2-15.7-15.7c3.3-5.3 5.2-11.5 5.2-18.1 0-19.1-15.4-34.5-34.5-34.5zm-95.4 42c66.2 66.2 32 100.5-34.2 34.3zm153.6 39.5l-13.2 13.2 30.7 30.7 13.2-13.3zm43.9 43.9l-13.2 13.2 29.2 29.2 13.2-13.2zm-240 11.5c-2.7 0-5.4.3-7.9.9 2.6 1.7 5.2 3.9 7.7 6.3 12.1 12.1 15.8 28 8.3 35.5-7.4 7.4-23.3 3.7-35.4-8.4-2.4-2.5-4.5-5.1-6.3-7.7-.6 2.5-.9 5.1-.9 7.8 0 19.1 15.5 34.5 34.5 34.5 6.6 0 12.8-1.9 18-5.1l16.2 16.2 13.2-13.2-16.7-16.7c2.4-4.7 3.8-10 3.8-15.7 0-19-15.5-34.4-34.5-34.4zm282.5 30.9L449.6 336l34.5 34.4V344zM241 371.8L227.8 385l30.7 30.6 13.2-13.1zm43.9 43.8l-13.2 13.3 29.3 29.2 13.1-13.2zm42.6 42.5l-13.3 13.2 21.8 21.8h26.4z"
/>
</svg>"Strafe" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.