Skip to content
Cuelark UI

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

Radix Icons · RxDimensions

Dimensions icon

A free dimensions 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/dimensions.json
components/icons/radix-dimensions.tsx
import * as React from "react";

/**
 * Dimensions from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/dimensions. Sized in em, colored by currentColor.
 */
export function RxDimensionsIcon(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="M13.3027 4.00411C13.4028 3.87542 13.5971 3.87542 13.6972 4.00411L14.9365 5.59688C15.0638 5.76108 14.9461 6.0002 14.7382 6.0002H14V12.0002H14.7382C14.9462 12.0002 15.0639 12.2393 14.9365 12.4035L13.6972 13.9963C13.5971 14.125 13.4028 14.125 13.3027 13.9963L12.0634 12.4035C11.936 12.2394 12.053 12.0005 12.2607 12.0002H13V6.0002H12.2607C12.053 5.99995 11.9361 5.761 12.0634 5.59688L13.3027 4.00411ZM9.65328 4.00801C10.4096 4.08486 11 4.72357 11 5.5002V12.5002L10.9921 12.6535C10.9204 13.3594 10.3592 13.9207 9.65328 13.9924L9.49996 14.0002H2.49996L2.34664 13.9924C1.64068 13.9207 1.07949 13.3595 1.00777 12.6535L0.999957 12.5002V5.5002C0.999957 4.72354 1.59023 4.08481 2.34664 4.00801L2.49996 4.0002H9.49996L9.65328 4.00801ZM2.49996 5.0002C2.22381 5.0002 1.99996 5.22406 1.99996 5.5002V12.5002C2 12.7763 2.22384 13.0002 2.49996 13.0002H9.49996C9.77603 13.0001 9.99992 12.7763 9.99996 12.5002V5.5002C9.99996 5.22409 9.77605 5.00026 9.49996 5.0002H2.49996ZM8.99996 0.261919C8.99996 0.0540039 9.23907 -0.0636846 9.40328 0.0636771L10.9961 1.30293C11.1247 1.40302 11.1247 1.59738 10.9961 1.69747L9.40328 2.93672C9.23916 3.06411 9.00022 2.94719 8.99996 2.73946V2.0002H2.99996V2.73946C2.99967 2.94716 2.76075 3.06408 2.59664 2.93672L1.00386 1.69747C0.875177 1.59738 0.875177 1.40302 1.00386 1.30293L2.59664 0.0636771C2.76072 -0.0636022 2.9996 0.0533126 2.99996 0.260943V1.0002H8.99996V0.261919Z"
        fill="currentColor"
      />
    </svg>
  );
}
With react-icons
import { RxDimensions } from "react-icons/rx";

export function Example() {
  return <RxDimensions className="size-5" />;
}
dimensions.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="M13.3027 4.00411C13.4028 3.87542 13.5971 3.87542 13.6972 4.00411L14.9365 5.59688C15.0638 5.76108 14.9461 6.0002 14.7382 6.0002H14V12.0002H14.7382C14.9462 12.0002 15.0639 12.2393 14.9365 12.4035L13.6972 13.9963C13.5971 14.125 13.4028 14.125 13.3027 13.9963L12.0634 12.4035C11.936 12.2394 12.053 12.0005 12.2607 12.0002H13V6.0002H12.2607C12.053 5.99995 11.9361 5.761 12.0634 5.59688L13.3027 4.00411ZM9.65328 4.00801C10.4096 4.08486 11 4.72357 11 5.5002V12.5002L10.9921 12.6535C10.9204 13.3594 10.3592 13.9207 9.65328 13.9924L9.49996 14.0002H2.49996L2.34664 13.9924C1.64068 13.9207 1.07949 13.3595 1.00777 12.6535L0.999957 12.5002V5.5002C0.999957 4.72354 1.59023 4.08481 2.34664 4.00801L2.49996 4.0002H9.49996L9.65328 4.00801ZM2.49996 5.0002C2.22381 5.0002 1.99996 5.22406 1.99996 5.5002V12.5002C2 12.7763 2.22384 13.0002 2.49996 13.0002H9.49996C9.77603 13.0001 9.99992 12.7763 9.99996 12.5002V5.5002C9.99996 5.22409 9.77605 5.00026 9.49996 5.0002H2.49996ZM8.99996 0.261919C8.99996 0.0540039 9.23907 -0.0636846 9.40328 0.0636771L10.9961 1.30293C11.1247 1.40302 11.1247 1.59738 10.9961 1.69747L9.40328 2.93672C9.23916 3.06411 9.00022 2.94719 8.99996 2.73946V2.0002H2.99996V2.73946C2.99967 2.94716 2.76075 3.06408 2.59664 2.93672L1.00386 1.69747C0.875177 1.59738 0.875177 1.40302 1.00386 1.30293L2.59664 0.0636771C2.76072 -0.0636022 2.9996 0.0533126 2.99996 0.260943V1.0002H8.99996V0.261919Z"
    fill="currentColor"
  />
</svg>
Attribution
"Dimensions" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.

Dimensions icon in other sets