Hover the icon or press Play. Suggested motion: nudge-left. Pick another to preview it and update the animated code:
Backbone Shell icon
A free backbone shell 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/backbone-shell.jsonimport * as React from "react";
/**
* Backbone Shell from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/backbone-shell. Sized in em, colored by currentColor.
*/
export function GiBackboneShellIcon(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="M350.1 19.82c-28.8.34-81.1 43.61-70.9 117.38-12.3 7.4-27.7 13.3-40.1 11.1 11.8 18.1 33.6 26.3 56.4 21.8-8.3 4.8-19.4 8.3-27.9 9-11 .7-21.8-1.4-31.5-7.2-16.5-17.3-33.8-51.6-21.3-71.3 10.9-16.5 5.9-35.23-5.4-40.57-25-11.86-83 52.77-46.4 131.67-9.5 11.9-22.7 23-37.8 24.9 14 9.8 36.9 12.5 51 8.7-9.9 6.7-21.4 10.8-32.7 11.6-11.5.8-22.8-1.6-32.8-7.9-12.46-12-25.75-31.7-22.91-47.7 3.71-19.4-8.14-34.8-20.59-35.4-27.66-1.3-56.37 80.9 8.07 139.6-24.89 40.7-43.25 89.9-55.21 149.3-12.747 63.2 35.52 78.3 66.06 18.8 16.28-27.5 32.78-57.8 53.98-77.3 51.4-56.9 124.3-104.7 183.9-130.7 28.9-12.6 54.2-20.4 74.2-20.8 12.9-.2 28.4 5.6 33.6 15.2 4.2 8.4 3.4 18.1-.4 29-3.2-18.4-14.7-23.7-26.8-25.3-6.7-.6-16.6.5-28.4 3.4 30.3 16.3 39.2 42.7 16.1 58.9 9.3-21.2-20.2-43.1-47.4-48.8-6.7 2.6-12.4 5-18.4 7.7 20.6 21.1 24 44.8.9 54.4 10.2-14-.8-32.9-17.6-46.4-7.1 3.6-14.4 7.5-21.7 11.6 9.5 15.2 4.3 29.4-19.7 38.9 9.5-8.8 9-19.2 2.1-28.6-24.2 14.7-48.7 32-71.4 51 32.3-8.4 73.1-10.8 130.2-15.6 211-17.9 207-209.5 48.8-210.8-3.9-.1-7.2.6-10.6-.7 7.5 18.8 28.4 34.2 44.9 38.9-13.1 1.5-26.3-.6-37.5-6-29.9-13.7-36.7-70.53-18.9-87.17 15.4-12.37 16.4-31.74 7.3-40.27-4.2-3-9.1-4.35-13.2-4.34z"
/>
</svg>
);
}import { GiBackboneShell } from "react-icons/gi";
export function Example() {
return <GiBackboneShell 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="M350.1 19.82c-28.8.34-81.1 43.61-70.9 117.38-12.3 7.4-27.7 13.3-40.1 11.1 11.8 18.1 33.6 26.3 56.4 21.8-8.3 4.8-19.4 8.3-27.9 9-11 .7-21.8-1.4-31.5-7.2-16.5-17.3-33.8-51.6-21.3-71.3 10.9-16.5 5.9-35.23-5.4-40.57-25-11.86-83 52.77-46.4 131.67-9.5 11.9-22.7 23-37.8 24.9 14 9.8 36.9 12.5 51 8.7-9.9 6.7-21.4 10.8-32.7 11.6-11.5.8-22.8-1.6-32.8-7.9-12.46-12-25.75-31.7-22.91-47.7 3.71-19.4-8.14-34.8-20.59-35.4-27.66-1.3-56.37 80.9 8.07 139.6-24.89 40.7-43.25 89.9-55.21 149.3-12.747 63.2 35.52 78.3 66.06 18.8 16.28-27.5 32.78-57.8 53.98-77.3 51.4-56.9 124.3-104.7 183.9-130.7 28.9-12.6 54.2-20.4 74.2-20.8 12.9-.2 28.4 5.6 33.6 15.2 4.2 8.4 3.4 18.1-.4 29-3.2-18.4-14.7-23.7-26.8-25.3-6.7-.6-16.6.5-28.4 3.4 30.3 16.3 39.2 42.7 16.1 58.9 9.3-21.2-20.2-43.1-47.4-48.8-6.7 2.6-12.4 5-18.4 7.7 20.6 21.1 24 44.8.9 54.4 10.2-14-.8-32.9-17.6-46.4-7.1 3.6-14.4 7.5-21.7 11.6 9.5 15.2 4.3 29.4-19.7 38.9 9.5-8.8 9-19.2 2.1-28.6-24.2 14.7-48.7 32-71.4 51 32.3-8.4 73.1-10.8 130.2-15.6 211-17.9 207-209.5 48.8-210.8-3.9-.1-7.2.6-10.6-.7 7.5 18.8 28.4 34.2 44.9 38.9-13.1 1.5-26.3-.6-37.5-6-29.9-13.7-36.7-70.53-18.9-87.17 15.4-12.37 16.4-31.74 7.3-40.27-4.2-3-9.1-4.35-13.2-4.34z"
/>
</svg>"Backbone Shell" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.