Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Sword Hilt icon
A free sword hilt 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/sword-hilt.jsonimport * as React from "react";
/**
* Sword Hilt from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/sword-hilt. Sized in em, colored by currentColor.
*/
export function GiSwordHiltIcon(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="M410.195 19.492l-18.6.412L244.7 150.8c8.6 8.944 16.955 18.795 24.515 29.235L434.828 19.492h-24.633zm51.48 0L279.73 195.872c6.69 11.064 12.287 22.58 16.16 34.253L492.185 26.512v-7.02h-30.508zm-266.72 82.512c-16.896.332-31.25 5.706-41.54 15.996-5.618 5.62-8.06 12.204-8.155 20.957-.096 8.753 2.576 19.504 7.793 31.148 10.433 23.29 30.816 49.877 54.68 72.934 5.803 5.604 11.816 11.002 17.933 16.118 28.696 27.647 48.862 66.367-1.434 89.623-45.222 20.914-100.61 70.318-85.19 136.08 36.264-132.4 187.665-69.93 208.495-213.753l-.293-.173c2.513-11.1 2.357-23.805-.53-37.534-1.507-7.17-3.78-14.562-6.782-22.03l-54.795 56.837-3.215-18.03c-5.52-30.95-30.953-67.592-57.256-93.144l-7.203-6.998 36.373-32.41c-12.25-6.397-24.534-10.877-36.232-13.336-6.676-1.404-13.11-2.165-19.237-2.286-1.148-.023-2.285-.022-3.412 0zm-16.42 137.754c-54.74 29.308-99.172 79.724-120.053 137.88l-1.17 3.258c1.244 2.302 2.802 4.562 4.635 6.55 2.324 2.52 4.952 4.576 7.772 6.03l7.07-2.638c57.14-21.32 106.067-65.227 134.51-119.336-5.637-4.813-11.175-9.83-16.55-15.022-5.607-5.416-11.025-11.012-16.215-16.722zM38.2 384.388c-4.315 1.08-8.31 3.25-11.69 6.628-10.683 10.682-10.683 27.495 0 38.177 10.682 10.683 27.495 10.683 38.177 0 4.397-4.396 6.852-9.714 7.524-15.287-9.637-1.793-17.897-7.173-24-13.79-4.338-4.703-7.77-10.054-10.01-15.73z"
/>
</svg>
);
}import { GiSwordHilt } from "react-icons/gi";
export function Example() {
return <GiSwordHilt 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="M410.195 19.492l-18.6.412L244.7 150.8c8.6 8.944 16.955 18.795 24.515 29.235L434.828 19.492h-24.633zm51.48 0L279.73 195.872c6.69 11.064 12.287 22.58 16.16 34.253L492.185 26.512v-7.02h-30.508zm-266.72 82.512c-16.896.332-31.25 5.706-41.54 15.996-5.618 5.62-8.06 12.204-8.155 20.957-.096 8.753 2.576 19.504 7.793 31.148 10.433 23.29 30.816 49.877 54.68 72.934 5.803 5.604 11.816 11.002 17.933 16.118 28.696 27.647 48.862 66.367-1.434 89.623-45.222 20.914-100.61 70.318-85.19 136.08 36.264-132.4 187.665-69.93 208.495-213.753l-.293-.173c2.513-11.1 2.357-23.805-.53-37.534-1.507-7.17-3.78-14.562-6.782-22.03l-54.795 56.837-3.215-18.03c-5.52-30.95-30.953-67.592-57.256-93.144l-7.203-6.998 36.373-32.41c-12.25-6.397-24.534-10.877-36.232-13.336-6.676-1.404-13.11-2.165-19.237-2.286-1.148-.023-2.285-.022-3.412 0zm-16.42 137.754c-54.74 29.308-99.172 79.724-120.053 137.88l-1.17 3.258c1.244 2.302 2.802 4.562 4.635 6.55 2.324 2.52 4.952 4.576 7.772 6.03l7.07-2.638c57.14-21.32 106.067-65.227 134.51-119.336-5.637-4.813-11.175-9.83-16.55-15.022-5.607-5.416-11.025-11.012-16.215-16.722zM38.2 384.388c-4.315 1.08-8.31 3.25-11.69 6.628-10.683 10.682-10.683 27.495 0 38.177 10.682 10.683 27.495 10.683 38.177 0 4.397-4.396 6.852-9.714 7.524-15.287-9.637-1.793-17.897-7.173-24-13.79-4.338-4.703-7.77-10.054-10.01-15.73z"
/>
</svg>"Sword Hilt" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.