Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Remix Icon · RiXtzFill

Xtz Fill icon

A free xtz fill icon from Remix Icon, 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
Apache License Version 2.0
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/remix/xtz-fill.json
components/icons/remix-xtz-fill.tsx
import * as React from "react";

/**
 * Xtz Fill from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/xtz-fill. Sized in em, colored by currentColor.
 */
export function RiXtzFillIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      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="M19.6311 17.4936C19.4095 13.6363 14.4811 11.8841 14.0101 11.703C13.9897 11.6938 13.9897 11.6755 13.9999 11.6558L19.0823 6.6343V6.09356C19.0823 6.00825 19.006 5.93213 18.9194 5.93213H9.5527V2L6.09606 2.71135V3.22321H6.28831C6.28831 3.22321 7.13623 3.22321 7.13623 4.05663V5.92294H4.46004C4.41166 5.92294 4.36328 5.97019 4.36328 6.01744V7.20259H7.14515V13.6363C7.14515 15.6548 8.46415 17.0579 10.7737 16.8675C11.2471 16.8224 11.703 16.6603 12.1029 16.3951C12.1875 16.3432 12.2578 16.2696 12.3068 16.1816C12.3559 16.0935 12.3821 15.9939 12.3829 15.8924V15.2558C11.6318 15.7493 10.9952 15.7205 10.9952 15.7205C9.53233 15.7205 9.56161 13.8909 9.56161 13.8909V7.20128H16.3005L11.4497 12.0154L11.4293 13.152C11.4293 13.1717 11.4395 13.1808 11.4586 13.1808C15.9058 13.9198 17.1089 16.7534 17.1089 17.5776C17.1089 17.5776 17.5902 21.5858 13.5186 21.8615C13.5186 21.8615 10.8513 21.9743 10.3803 20.923C10.3612 20.8837 10.3803 20.8469 10.4185 20.8286C10.8615 20.6291 11.1594 20.2406 11.1594 19.7195C11.1594 18.9425 10.6782 18.3073 9.66729 18.3073C8.84991 18.3073 8.17514 18.9425 8.17514 19.7195C8.17514 19.7195 7.79064 23.0925 13.5097 22.9981C20.0359 22.8839 19.6311 17.4936 19.6311 17.4936Z"
      />
    </svg>
  );
}
With react-icons
import { RiXtzFill } from "react-icons/ri";

export function Example() {
  return <RiXtzFill className="size-5" />;
}
xtz-fill.svg
<svg
  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="M19.6311 17.4936C19.4095 13.6363 14.4811 11.8841 14.0101 11.703C13.9897 11.6938 13.9897 11.6755 13.9999 11.6558L19.0823 6.6343V6.09356C19.0823 6.00825 19.006 5.93213 18.9194 5.93213H9.5527V2L6.09606 2.71135V3.22321H6.28831C6.28831 3.22321 7.13623 3.22321 7.13623 4.05663V5.92294H4.46004C4.41166 5.92294 4.36328 5.97019 4.36328 6.01744V7.20259H7.14515V13.6363C7.14515 15.6548 8.46415 17.0579 10.7737 16.8675C11.2471 16.8224 11.703 16.6603 12.1029 16.3951C12.1875 16.3432 12.2578 16.2696 12.3068 16.1816C12.3559 16.0935 12.3821 15.9939 12.3829 15.8924V15.2558C11.6318 15.7493 10.9952 15.7205 10.9952 15.7205C9.53233 15.7205 9.56161 13.8909 9.56161 13.8909V7.20128H16.3005L11.4497 12.0154L11.4293 13.152C11.4293 13.1717 11.4395 13.1808 11.4586 13.1808C15.9058 13.9198 17.1089 16.7534 17.1089 17.5776C17.1089 17.5776 17.5902 21.5858 13.5186 21.8615C13.5186 21.8615 10.8513 21.9743 10.3803 20.923C10.3612 20.8837 10.3803 20.8469 10.4185 20.8286C10.8615 20.6291 11.1594 20.2406 11.1594 19.7195C11.1594 18.9425 10.6782 18.3073 9.66729 18.3073C8.84991 18.3073 8.17514 18.9425 8.17514 19.7195C8.17514 19.7195 7.79064 23.0925 13.5097 22.9981C20.0359 22.8839 19.6311 17.4936 19.6311 17.4936Z"
  />
</svg>
Attribution
"Xtz Fill" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: