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

Radix Icons · RxMinimize

Minimize icon

A free minimize 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.

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

Download SVG

Install with shadcn

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

components/icons/radix-minimize.tsx

import * as React from "react";

/**
 * Minimize from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/minimize. Sized in em, colored by currentColor.
 */
export function RxMinimizeIcon(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="M6.50021 8.0502C6.61922 8.05031 6.73334 8.09799 6.8176 8.18204C6.90185 8.26641 6.95041 8.38115 6.95041 8.5004V12.5004C6.9502 12.7486 6.74841 12.9494 6.50021 12.9496C6.25178 12.9495 6.05002 12.7479 6.05002 12.4994V9.58536L2.3176 13.3178C2.14195 13.4933 1.85758 13.4942 1.68185 13.3188C1.50615 13.1431 1.50621 12.8578 1.68185 12.682L5.4133 8.95059L2.50021 8.94962C2.25182 8.94962 2.05121 8.74874 2.05099 8.5004C2.05099 8.25187 2.25169 8.0502 2.50021 8.0502H6.50021ZM12.6819 1.68204C12.8576 1.50651 13.1429 1.50637 13.3186 1.68204C13.4939 1.85767 13.4938 2.14211 13.3186 2.31778L9.58615 6.0502H12.5002C12.7486 6.05042 12.9504 6.252 12.9504 6.5004C12.9502 6.74861 12.7484 6.95038 12.5002 6.95059H8.50021L8.40939 6.94083C8.20459 6.8988 8.05021 6.71759 8.05002 6.5004V2.5004C8.05015 2.25199 8.25178 2.05022 8.50021 2.0502C8.74863 2.05032 8.9494 2.25196 8.94943 2.5004V5.41446L12.6819 1.68204Z"
        fill="currentColor"
      />
    </svg>
  );
}

With react-icons

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

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

minimize.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="M6.50021 8.0502C6.61922 8.05031 6.73334 8.09799 6.8176 8.18204C6.90185 8.26641 6.95041 8.38115 6.95041 8.5004V12.5004C6.9502 12.7486 6.74841 12.9494 6.50021 12.9496C6.25178 12.9495 6.05002 12.7479 6.05002 12.4994V9.58536L2.3176 13.3178C2.14195 13.4933 1.85758 13.4942 1.68185 13.3188C1.50615 13.1431 1.50621 12.8578 1.68185 12.682L5.4133 8.95059L2.50021 8.94962C2.25182 8.94962 2.05121 8.74874 2.05099 8.5004C2.05099 8.25187 2.25169 8.0502 2.50021 8.0502H6.50021ZM12.6819 1.68204C12.8576 1.50651 13.1429 1.50637 13.3186 1.68204C13.4939 1.85767 13.4938 2.14211 13.3186 2.31778L9.58615 6.0502H12.5002C12.7486 6.05042 12.9504 6.252 12.9504 6.5004C12.9502 6.74861 12.7484 6.95038 12.5002 6.95059H8.50021L8.40939 6.94083C8.20459 6.8988 8.05021 6.71759 8.05002 6.5004V2.5004C8.05015 2.25199 8.25178 2.05022 8.50021 2.0502C8.74863 2.05032 8.9494 2.25196 8.94943 2.5004V5.41446L12.6819 1.68204Z"
    fill="currentColor"
  />
</svg>

Attribution

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

Minimize icon in other sets

Similar Radix Icons icons