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

Radix Icons · RxCrumpledPaper

Crumpled Paper icon

A free crumpled paper icon from Radix 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.

Also known asfile icon document icon page icon doc icon sheet icon printer icon print icon office icon

License: MIT license
Project: icons.radix-ui.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/crumpled-paper.json

components/icons/radix-crumpled-paper.tsx

import * as React from "react";

/**
 * Crumpled Paper from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/crumpled-paper. Sized in em, colored by currentColor.
 */
export function RxCrumpledPaperIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      fill="none"
      viewBox="0 0 15 15"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.60949 0.0634669L8.60949 1.06347L8.70129 1.09765L11.7013 2.59765C11.8536 2.67391 11.9503 2.82962 11.9503 2.99999V5.2744L13.7696 6.63964C13.9109 6.74571 13.9779 6.92517 13.9396 7.09765L12.9396 11.5976L12.923 11.6543C12.8764 11.782 12.7736 11.883 12.6427 11.9267L9.6427 12.9267C9.63669 12.9288 9.63023 12.9309 9.62414 12.9326L6.12414 13.9326C5.93622 13.9863 5.73474 13.9124 5.62609 13.75L4.20129 11.6123L1.32727 10.415L1.255 10.3769C1.0965 10.274 1.01637 10.0796 1.06359 9.89062L2.01184 6.09862L0.639766 4.26952C0.556154 4.15774 0.528995 4.01335 0.566524 3.8789C0.604322 3.7441 0.703143 3.63401 0.833125 3.58202L3.15441 2.65331L4.08215 0.332998C4.15529 0.150147 4.33695 0.0390483 4.52746 0.0507716L4.60949 0.0634669ZM6.85168 4.28124L6.80383 4.33202C6.68482 4.44095 6.514 4.47882 6.35754 4.42675L3.51477 3.47851L1.71301 4.19921L2.72473 5.5498H5.00012C5.24856 5.5499 5.45031 5.75153 5.45031 5.99999C5.45024 6.2484 5.24851 6.45008 5.00012 6.45019H2.85168L2.03137 9.73339L4.67297 10.835C4.73448 10.8606 4.78978 10.8992 4.8341 10.9482L4.87414 11L6.1925 12.9766L8.40344 12.3447L7.26184 11.6318C7.05117 11.5002 6.98679 11.2224 7.11828 11.0117C7.24995 10.801 7.52768 10.7367 7.7384 10.8682L9.25402 11.8154L10.0734 9.35741C10.0932 9.29789 10.1252 9.24336 10.1671 9.19726L10.212 9.15429L12.7755 7.01855L11.4327 6.01171L9.36145 6.83983L8.92688 8.14257L8.88977 8.22558C8.78513 8.40673 8.56375 8.49537 8.35754 8.42675C8.15135 8.35787 8.02773 8.15405 8.05285 7.94628L8.07336 7.85741L8.57336 6.35741C8.60479 6.26335 8.66575 6.18283 8.74621 6.12792L8.83313 6.08202L11.0499 5.1953V3.27733L8.62512 2.06444L6.85168 4.28124ZM10.8868 9.76366L10.212 11.7881L12.1163 11.1533L12.7745 8.19042L10.8868 9.76366ZM4.09582 2.72362L6.34484 3.47362L7.71105 1.76562L4.77258 1.03124L4.09582 2.72362Z"
        fill="currentColor"
      />
    </svg>
  );
}

With react-icons

import { RxCrumpledPaper } from "react-icons/rx";

export function Example() {
  return <RxCrumpledPaper className="size-5" />;
}

crumpled-paper.svg

<svg
  fill="none"
  viewBox="0 0 15 15"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M4.60949 0.0634669L8.60949 1.06347L8.70129 1.09765L11.7013 2.59765C11.8536 2.67391 11.9503 2.82962 11.9503 2.99999V5.2744L13.7696 6.63964C13.9109 6.74571 13.9779 6.92517 13.9396 7.09765L12.9396 11.5976L12.923 11.6543C12.8764 11.782 12.7736 11.883 12.6427 11.9267L9.6427 12.9267C9.63669 12.9288 9.63023 12.9309 9.62414 12.9326L6.12414 13.9326C5.93622 13.9863 5.73474 13.9124 5.62609 13.75L4.20129 11.6123L1.32727 10.415L1.255 10.3769C1.0965 10.274 1.01637 10.0796 1.06359 9.89062L2.01184 6.09862L0.639766 4.26952C0.556154 4.15774 0.528995 4.01335 0.566524 3.8789C0.604322 3.7441 0.703143 3.63401 0.833125 3.58202L3.15441 2.65331L4.08215 0.332998C4.15529 0.150147 4.33695 0.0390483 4.52746 0.0507716L4.60949 0.0634669ZM6.85168 4.28124L6.80383 4.33202C6.68482 4.44095 6.514 4.47882 6.35754 4.42675L3.51477 3.47851L1.71301 4.19921L2.72473 5.5498H5.00012C5.24856 5.5499 5.45031 5.75153 5.45031 5.99999C5.45024 6.2484 5.24851 6.45008 5.00012 6.45019H2.85168L2.03137 9.73339L4.67297 10.835C4.73448 10.8606 4.78978 10.8992 4.8341 10.9482L4.87414 11L6.1925 12.9766L8.40344 12.3447L7.26184 11.6318C7.05117 11.5002 6.98679 11.2224 7.11828 11.0117C7.24995 10.801 7.52768 10.7367 7.7384 10.8682L9.25402 11.8154L10.0734 9.35741C10.0932 9.29789 10.1252 9.24336 10.1671 9.19726L10.212 9.15429L12.7755 7.01855L11.4327 6.01171L9.36145 6.83983L8.92688 8.14257L8.88977 8.22558C8.78513 8.40673 8.56375 8.49537 8.35754 8.42675C8.15135 8.35787 8.02773 8.15405 8.05285 7.94628L8.07336 7.85741L8.57336 6.35741C8.60479 6.26335 8.66575 6.18283 8.74621 6.12792L8.83313 6.08202L11.0499 5.1953V3.27733L8.62512 2.06444L6.85168 4.28124ZM10.8868 9.76366L10.212 11.7881L12.1163 11.1533L12.7745 8.19042L10.8868 9.76366ZM4.09582 2.72362L6.34484 3.47362L7.71105 1.76562L4.77258 1.03124L4.09582 2.72362Z"
    fill="currentColor"
  />
</svg>

Attribution

"Crumpled Paper" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.

Related icons: file, document, page, doc

Similar Radix Icons icons