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 · RxSize

Size icon

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

/**
 * Size from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/size. Sized in em, colored by currentColor.
 */
export function RxSizeIcon(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="M11.591 3.05881C11.7959 3.10085 11.9503 3.28294 11.9504 3.50021V7.49924L11.9406 7.59103C11.8985 7.79574 11.7173 7.94924 11.5002 7.94943C11.2828 7.94933 11.1007 7.79513 11.0588 7.59006L11.05 7.50021V4.58615L4.58711 11.049L7.5002 11.05L7.59102 11.0588C7.79571 11.1008 7.94905 11.2822 7.94942 11.4992C7.94942 11.7478 7.74775 11.9494 7.49922 11.9494H3.5002C3.38087 11.9494 3.26622 11.902 3.18184 11.8176C3.09763 11.7332 3.05 11.6184 3.05 11.4992V7.50021L3.05977 7.40939C3.1019 7.20457 3.28292 7.05004 3.5002 7.05002C3.71763 7.05014 3.89974 7.20431 3.9416 7.40939L3.95039 7.50021V10.4143L10.4143 3.95041H7.5002C7.25181 3.9504 7.05023 3.74855 7.05 3.50021C7.05012 3.25179 7.25175 3.05003 7.5002 3.05002H11.5002L11.591 3.05881Z"
        fill="currentColor"
      />
    </svg>
  );
}
With react-icons
import { RxSize } from "react-icons/rx";

export function Example() {
  return <RxSize className="size-5" />;
}
size.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="M11.591 3.05881C11.7959 3.10085 11.9503 3.28294 11.9504 3.50021V7.49924L11.9406 7.59103C11.8985 7.79574 11.7173 7.94924 11.5002 7.94943C11.2828 7.94933 11.1007 7.79513 11.0588 7.59006L11.05 7.50021V4.58615L4.58711 11.049L7.5002 11.05L7.59102 11.0588C7.79571 11.1008 7.94905 11.2822 7.94942 11.4992C7.94942 11.7478 7.74775 11.9494 7.49922 11.9494H3.5002C3.38087 11.9494 3.26622 11.902 3.18184 11.8176C3.09763 11.7332 3.05 11.6184 3.05 11.4992V7.50021L3.05977 7.40939C3.1019 7.20457 3.28292 7.05004 3.5002 7.05002C3.71763 7.05014 3.89974 7.20431 3.9416 7.40939L3.95039 7.50021V10.4143L10.4143 3.95041H7.5002C7.25181 3.9504 7.05023 3.74855 7.05 3.50021C7.05012 3.25179 7.25175 3.05003 7.5002 3.05002H11.5002L11.591 3.05881Z"
    fill="currentColor"
  />
</svg>
Attribution
"Size" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.

Related icons:

Size icon in other sets