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

Radix Icons · RxSpaceBetweenVertically

Space Between Vertically icon

A free space between vertically 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/space-between-vertically.json

components/icons/radix-space-between-vertically.tsx

import * as React from "react";

/**
 * Space Between Vertically from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/space-between-vertically. Sized in em, colored by currentColor.
 */
export function RxSpaceBetweenVerticallyIcon(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.4999 14C13.776 14 13.9999 14.2239 13.9999 14.5C13.9999 14.7761 13.776 15 13.4999 15H1.49988C1.22373 15 0.999877 14.7761 0.999877 14.5C0.999877 14.2239 1.22373 14 1.49988 14H5.99987V10C5.99987 9.44776 6.44764 9.00007 6.99987 9.00001H7.99987C8.55215 9.00001 8.99987 9.44772 8.99987 10V14H13.4999ZM13.4999 1.52588e-05C13.776 1.5452e-05 13.9999 0.223873 13.9999 0.500015C13.9999 0.776157 13.776 1.00001 13.4999 1.00001H8.99987V5.00001C8.99987 5.55229 8.55215 6.00001 7.99987 6.00001H6.99987C6.44764 5.99994 5.99987 5.55225 5.99987 5.00001V1.00001H1.49988C1.22373 1.00001 0.999877 0.776157 0.999877 0.500015C0.999877 0.223873 1.22373 1.52688e-05 1.49988 1.52588e-05H13.4999Z"
        fill="currentColor"
      />
    </svg>
  );
}

With react-icons

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

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

space-between-vertically.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.4999 14C13.776 14 13.9999 14.2239 13.9999 14.5C13.9999 14.7761 13.776 15 13.4999 15H1.49988C1.22373 15 0.999877 14.7761 0.999877 14.5C0.999877 14.2239 1.22373 14 1.49988 14H5.99987V10C5.99987 9.44776 6.44764 9.00007 6.99987 9.00001H7.99987C8.55215 9.00001 8.99987 9.44772 8.99987 10V14H13.4999ZM13.4999 1.52588e-05C13.776 1.5452e-05 13.9999 0.223873 13.9999 0.500015C13.9999 0.776157 13.776 1.00001 13.4999 1.00001H8.99987V5.00001C8.99987 5.55229 8.55215 6.00001 7.99987 6.00001H6.99987C6.44764 5.99994 5.99987 5.55225 5.99987 5.00001V1.00001H1.49988C1.22373 1.00001 0.999877 0.776157 0.999877 0.500015C0.999877 0.223873 1.22373 1.52688e-05 1.49988 1.52588e-05H13.4999Z"
    fill="currentColor"
  />
</svg>

Attribution

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

Related icons:

Similar Radix Icons icons