Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Spiked Collar icon
A free spiked collar 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/spiked-collar.jsonimport * as React from "react";
/**
* Spiked Collar from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/spiked-collar. Sized in em, colored by currentColor.
*/
export function GiSpikedCollarIcon(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="M139.54 20.12l19.276 96.028c-12.818 11.406-22.692 26.194-29.42 43.24l-78.79-8.638 64.453 63.37c-2.586 23.357.03 49.043 8.258 74.657l-42.033 54.215 68.018-1.02c15.12 22.18 33.708 39.877 53.62 51.962l10.68 90.296 40.932-68.666c17.495 4.93 35.126 5.94 51.883 2.508l63.63 73.657-19.257-95.92c12.855-11.425 22.75-26.248 29.487-43.34l78.702 8.628-68.175-67.03c.046-20.525-3.275-42.147-10.17-63.734l47.664-61.48-77.165 1.158c-12.764-18.617-27.715-34.38-43.844-46.768l-11.306-95.627-40.964 68.72c-17.463-4.908-35.06-5.91-51.786-2.485L139.54 20.12zm101.798 93.45c44.422-.03 92.8 34.067 119.69 89.082 33.42 68.38 21.35 143.925-26.5 171.895 26.868-38.838 28.765-101.318.618-158.906-28.146-57.587-78.34-93.93-125.113-95.814 9.96-4.224 20.515-6.248 31.305-6.256zm-30.983 26.98c41.018-.062 85.61 31.394 110.477 82.274 31.83 65.127 19.096 137.01-28.506 160.9-.988.494-1.986.956-2.988 1.403-43.015-2.403-88.815-35.974-114.7-88.938-25.887-52.963-24.482-110.224-.3-146.35.96-.538 1.927-1.062 2.916-1.56 10.413-5.224 21.617-7.712 33.1-7.73z"
/>
</svg>
);
}import { GiSpikedCollar } from "react-icons/gi";
export function Example() {
return <GiSpikedCollar 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="M139.54 20.12l19.276 96.028c-12.818 11.406-22.692 26.194-29.42 43.24l-78.79-8.638 64.453 63.37c-2.586 23.357.03 49.043 8.258 74.657l-42.033 54.215 68.018-1.02c15.12 22.18 33.708 39.877 53.62 51.962l10.68 90.296 40.932-68.666c17.495 4.93 35.126 5.94 51.883 2.508l63.63 73.657-19.257-95.92c12.855-11.425 22.75-26.248 29.487-43.34l78.702 8.628-68.175-67.03c.046-20.525-3.275-42.147-10.17-63.734l47.664-61.48-77.165 1.158c-12.764-18.617-27.715-34.38-43.844-46.768l-11.306-95.627-40.964 68.72c-17.463-4.908-35.06-5.91-51.786-2.485L139.54 20.12zm101.798 93.45c44.422-.03 92.8 34.067 119.69 89.082 33.42 68.38 21.35 143.925-26.5 171.895 26.868-38.838 28.765-101.318.618-158.906-28.146-57.587-78.34-93.93-125.113-95.814 9.96-4.224 20.515-6.248 31.305-6.256zm-30.983 26.98c41.018-.062 85.61 31.394 110.477 82.274 31.83 65.127 19.096 137.01-28.506 160.9-.988.494-1.986.956-2.988 1.403-43.015-2.403-88.815-35.974-114.7-88.938-25.887-52.963-24.482-110.224-.3-146.35.96-.538 1.927-1.062 2.916-1.56 10.413-5.224 21.617-7.712 33.1-7.73z"
/>
</svg>"Spiked Collar" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.