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

Radix Icons · RxSpaceEvenlyVertically

Space Evenly Vertically icon

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

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

import * as React from "react";

/**
 * Space Evenly Vertically from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/space-evenly-vertically. Sized in em, colored by currentColor.
 */
export function RxSpaceEvenlyVerticallyIcon(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 14H13.4999ZM7.99987 8.00001C8.55215 8.00001 8.99987 8.44772 8.99987 9.00001V12C8.99987 12.5523 8.55215 13 7.99987 13H6.99987C6.44764 12.9999 5.99987 12.5522 5.99987 12V9.00001C5.99987 8.44776 6.44764 8.00007 6.99987 8.00001H7.99987ZM7.99987 2.00001C8.55215 2.00001 8.99987 2.44773 8.99987 3.00001V6.00001C8.99987 6.55229 8.55215 7.00001 7.99987 7.00001H6.99987C6.44764 6.99994 5.99987 6.55225 5.99987 6.00001V3.00001C5.99987 2.44777 6.44764 2.00008 6.99987 2.00001H7.99987ZM13.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.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 { RxSpaceEvenlyVertically } from "react-icons/rx";

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

space-evenly-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 14H13.4999ZM7.99987 8.00001C8.55215 8.00001 8.99987 8.44772 8.99987 9.00001V12C8.99987 12.5523 8.55215 13 7.99987 13H6.99987C6.44764 12.9999 5.99987 12.5522 5.99987 12V9.00001C5.99987 8.44776 6.44764 8.00007 6.99987 8.00001H7.99987ZM7.99987 2.00001C8.55215 2.00001 8.99987 2.44773 8.99987 3.00001V6.00001C8.99987 6.55229 8.55215 7.00001 7.99987 7.00001H6.99987C6.44764 6.99994 5.99987 6.55225 5.99987 6.00001V3.00001C5.99987 2.44777 6.44764 2.00008 6.99987 2.00001H7.99987ZM13.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.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 Evenly Vertically" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.

Related icons:

Similar Radix Icons icons