Hover the icon or press Play. Suggested motion: shake. Pick another to preview it and update the animated code:
Banknote icon
A free banknote 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/banknote.jsonimport * as React from "react";
/**
* Banknote from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/banknote. Sized in em, colored by currentColor.
*/
export function GiBanknoteIcon(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="M23 119v274h466V119H23zm16 16h434v242H39V135zm72.285 18A64 64 0 0 1 57 207.297v97.418A64 64 0 0 1 111.297 359h289.418A64 64 0 0 1 455 304.703v-97.418A64 64 0 0 1 400.703 153H111.285zM256 176a48 80 0 0 1 48 80 48 80 0 0 1-48 80 48 80 0 0 1-48-80 48 80 0 0 1 48-80zm-9 32v14.057c-5.37 1.576-9.96 4.136-13.766 7.685-6.848 6.386-10.27 15.146-10.27 26.28 0 11.014 3.36 19.744 10.085 26.19 3.86 3.685 8.513 6.305 13.95 7.874V304h18v-12.32c3.475-.23 6.878-.712 10.203-1.463 4.78-1.08 9.392-2.698 13.834-4.858v-33.223h-27.762v11.937h10.873v13.418c-1.264.494-2.698.865-4.302 1.112-1.574.215-3.286.324-5.137.324-6.818 0-12.077-1.99-15.778-5.97-3.702-3.978-5.553-9.624-5.553-16.935 0-7.372 1.91-13.034 5.735-16.982 3.856-3.978 9.333-5.968 16.428-5.968 3.825 0 7.634.542 11.428 1.62 3.826 1.08 7.666 2.716 11.522 4.906v-14.3c-3.732-1.696-7.71-2.975-11.937-3.84-3.077-.632-6.263-1.03-9.555-1.198V208h-18zm-119 32a16 16 0 0 1 16 16 16 16 0 0 1-16 16 16 16 0 0 1-16-16 16 16 0 0 1 16-16zm256 0a16 16 0 0 1 16 16 16 16 0 0 1-16 16 16 16 0 0 1-16-16 16 16 0 0 1 16-16z"
/>
</svg>
);
}import { GiBanknote } from "react-icons/gi";
export function Example() {
return <GiBanknote 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="M23 119v274h466V119H23zm16 16h434v242H39V135zm72.285 18A64 64 0 0 1 57 207.297v97.418A64 64 0 0 1 111.297 359h289.418A64 64 0 0 1 455 304.703v-97.418A64 64 0 0 1 400.703 153H111.285zM256 176a48 80 0 0 1 48 80 48 80 0 0 1-48 80 48 80 0 0 1-48-80 48 80 0 0 1 48-80zm-9 32v14.057c-5.37 1.576-9.96 4.136-13.766 7.685-6.848 6.386-10.27 15.146-10.27 26.28 0 11.014 3.36 19.744 10.085 26.19 3.86 3.685 8.513 6.305 13.95 7.874V304h18v-12.32c3.475-.23 6.878-.712 10.203-1.463 4.78-1.08 9.392-2.698 13.834-4.858v-33.223h-27.762v11.937h10.873v13.418c-1.264.494-2.698.865-4.302 1.112-1.574.215-3.286.324-5.137.324-6.818 0-12.077-1.99-15.778-5.97-3.702-3.978-5.553-9.624-5.553-16.935 0-7.372 1.91-13.034 5.735-16.982 3.856-3.978 9.333-5.968 16.428-5.968 3.825 0 7.634.542 11.428 1.62 3.826 1.08 7.666 2.716 11.522 4.906v-14.3c-3.732-1.696-7.71-2.975-11.937-3.84-3.077-.632-6.263-1.03-9.555-1.198V208h-18zm-119 32a16 16 0 0 1 16 16 16 16 0 0 1-16 16 16 16 0 0 1-16-16 16 16 0 0 1 16-16zm256 0a16 16 0 0 1 16 16 16 16 0 0 1-16 16 16 16 0 0 1-16-16 16 16 0 0 1 16-16z"
/>
</svg>"Banknote" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.