Hover the icon or press Play. Suggested motion: nudge-left. Pick another to preview it and update the animated code:
Payback icon
A free payback icon from Simple 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
- CC0 1.0 Universal license
- Project
- simpleicons.org
npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-icons/payback.jsonimport * as React from "react";
/**
* Payback from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
* Via Cuelark UI: ui.cuelark.com/icons/simple-icons/payback. Sized in em, colored by currentColor.
*/
export function SiPaybackIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
role="img"
viewBox="0 0 24 24"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M16.1796 11.4765c-2.0161 0-3.6576-1.6401-3.6576-3.6548 0-2.0148 1.6401-3.6562 3.6576-3.6562s3.6548 1.64 3.6548 3.6562c0 2.016-1.64 3.6548-3.6548 3.6548zm-.0014 8.3595c-2.0161 0-3.6562-1.64-3.6562-3.6562 0-2.0161 1.64-3.6562 3.6562-3.6562 2.016 0 3.6562 1.6401 3.6562 3.6562 0 2.0161-1.6401 3.6562-3.6562 3.6562zm0-6.5877c-1.6168 0-2.9315 1.3148-2.9315 2.9315 0 1.6168 1.3147 2.9315 2.9315 2.9315 1.6167 0 2.9315-1.3147 2.9315-2.9315 0-1.6167-1.3148-2.9315-2.9315-2.9315zM7.8187 19.836c-2.0162 0-3.6562-1.64-3.6562-3.6562 0-2.0161 1.64-3.6562 3.6562-3.6562 2.016 0 3.6561 1.6401 3.6561 3.6562 0 2.0161-1.64 3.6562-3.6561 3.6562zm0-6.5877c-1.6168 0-2.9316 1.3148-2.9316 2.9315 0 1.6168 1.3148 2.9315 2.9316 2.9315 1.6167 0 2.9315-1.3147 2.9315-2.9315 0-1.6167-1.3148-2.9315-2.9315-2.9315zm0-1.7718c-2.0162 0-3.6562-1.6401-3.6562-3.6562 0-2.0161 1.64-3.6562 3.6562-3.6562 2.016 0 3.6561 1.64 3.6561 3.6562 0 2.0161-1.64 3.6562-3.6561 3.6562zm0-6.5877c-1.6168 0-2.9316 1.3148-2.9316 2.9315 0 1.6167 1.3148 2.9315 2.9316 2.9315 1.6167 0 2.9315-1.3148 2.9315-2.9315 0-1.6167-1.3148-2.9315-2.9315-2.9315zM3.0014 0C1.3462 0 0 1.3465 0 3.0003V21c0 1.6537 1.3462 3 3.0014 3h17.994c1.6551 0 3.003-1.3463 3.003-3V3.0002C23.9984 1.3465 22.6519 0 20.9954 0Z"
/>
</svg>
);
}import { SiPayback } from "react-icons/si";
export function Example() {
return <SiPayback className="size-5" />;
}<svg
role="img"
viewBox="0 0 24 24"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.1796 11.4765c-2.0161 0-3.6576-1.6401-3.6576-3.6548 0-2.0148 1.6401-3.6562 3.6576-3.6562s3.6548 1.64 3.6548 3.6562c0 2.016-1.64 3.6548-3.6548 3.6548zm-.0014 8.3595c-2.0161 0-3.6562-1.64-3.6562-3.6562 0-2.0161 1.64-3.6562 3.6562-3.6562 2.016 0 3.6562 1.6401 3.6562 3.6562 0 2.0161-1.6401 3.6562-3.6562 3.6562zm0-6.5877c-1.6168 0-2.9315 1.3148-2.9315 2.9315 0 1.6168 1.3147 2.9315 2.9315 2.9315 1.6167 0 2.9315-1.3147 2.9315-2.9315 0-1.6167-1.3148-2.9315-2.9315-2.9315zM7.8187 19.836c-2.0162 0-3.6562-1.64-3.6562-3.6562 0-2.0161 1.64-3.6562 3.6562-3.6562 2.016 0 3.6561 1.6401 3.6561 3.6562 0 2.0161-1.64 3.6562-3.6561 3.6562zm0-6.5877c-1.6168 0-2.9316 1.3148-2.9316 2.9315 0 1.6168 1.3148 2.9315 2.9316 2.9315 1.6167 0 2.9315-1.3147 2.9315-2.9315 0-1.6167-1.3148-2.9315-2.9315-2.9315zm0-1.7718c-2.0162 0-3.6562-1.6401-3.6562-3.6562 0-2.0161 1.64-3.6562 3.6562-3.6562 2.016 0 3.6561 1.64 3.6561 3.6562 0 2.0161-1.64 3.6562-3.6561 3.6562zm0-6.5877c-1.6168 0-2.9316 1.3148-2.9316 2.9315 0 1.6167 1.3148 2.9315 2.9316 2.9315 1.6167 0 2.9315-1.3148 2.9315-2.9315 0-1.6167-1.3148-2.9315-2.9315-2.9315zM3.0014 0C1.3462 0 0 1.3465 0 3.0003V21c0 1.6537 1.3462 3 3.0014 3h17.994c1.6551 0 3.003-1.3463 3.003-3V3.0002C23.9984 1.3465 22.6519 0 20.9954 0Z"
/>
</svg>"Payback" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.