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

Server icon

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

Also known asdatabase iconstorage icondata icondb iconsql iconhosting iconbackend iconrack icon
License
MIT license
Project
icons.radix-ui.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/server.json
components/icons/radix-server.tsx
import * as React from "react";

/**
 * Server from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/server. Sized in em, colored by currentColor.
 */
export function RxServerIcon(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="M12.6533 8.00781C13.4097 8.08461 14 8.72334 14 9.5V11.5L13.9922 11.6533C13.9205 12.3593 13.3593 12.9205 12.6533 12.9922L12.5 13H2.5L2.34668 12.9922C1.64069 12.9205 1.07949 12.3593 1.00781 11.6533L1 11.5V9.5C1 8.72334 1.59028 8.08461 2.34668 8.00781L2.5 8H12.5L12.6533 8.00781ZM2.5 9C2.22386 9 2 9.22386 2 9.5V11.5C2 11.7761 2.22386 12 2.5 12H12.5C12.7761 12 13 11.7761 13 11.5V9.5C13 9.22386 12.7761 9 12.5 9H2.5ZM3.5 10C3.77614 10 4 10.2239 4 10.5C4 10.7761 3.77614 11 3.5 11C3.22386 11 3 10.7761 3 10.5C3 10.2239 3.22386 10 3.5 10ZM12.6533 2.00781C13.4097 2.08461 14 2.72334 14 3.5V5.5L13.9922 5.65332C13.9205 6.35931 13.3593 6.92051 12.6533 6.99219L12.5 7H2.5L2.34668 6.99219C1.64069 6.92051 1.07949 6.35931 1.00781 5.65332L1 5.5V3.5C1 2.72334 1.59028 2.08461 2.34668 2.00781L2.5 2H12.5L12.6533 2.00781ZM2.5 3C2.22386 3 2 3.22386 2 3.5V5.5C2 5.77614 2.22386 6 2.5 6H12.5C12.7761 6 13 5.77614 13 5.5V3.5C13 3.22386 12.7761 3 12.5 3H2.5ZM3.5 4C3.77614 4 4 4.22386 4 4.5C4 4.77614 3.77614 5 3.5 5C3.22386 5 3 4.77614 3 4.5C3 4.22386 3.22386 4 3.5 4Z"
        fill="currentColor"
      />
    </svg>
  );
}
With react-icons
import { RxServer } from "react-icons/rx";

export function Example() {
  return <RxServer className="size-5" />;
}
server.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="M12.6533 8.00781C13.4097 8.08461 14 8.72334 14 9.5V11.5L13.9922 11.6533C13.9205 12.3593 13.3593 12.9205 12.6533 12.9922L12.5 13H2.5L2.34668 12.9922C1.64069 12.9205 1.07949 12.3593 1.00781 11.6533L1 11.5V9.5C1 8.72334 1.59028 8.08461 2.34668 8.00781L2.5 8H12.5L12.6533 8.00781ZM2.5 9C2.22386 9 2 9.22386 2 9.5V11.5C2 11.7761 2.22386 12 2.5 12H12.5C12.7761 12 13 11.7761 13 11.5V9.5C13 9.22386 12.7761 9 12.5 9H2.5ZM3.5 10C3.77614 10 4 10.2239 4 10.5C4 10.7761 3.77614 11 3.5 11C3.22386 11 3 10.7761 3 10.5C3 10.2239 3.22386 10 3.5 10ZM12.6533 2.00781C13.4097 2.08461 14 2.72334 14 3.5V5.5L13.9922 5.65332C13.9205 6.35931 13.3593 6.92051 12.6533 6.99219L12.5 7H2.5L2.34668 6.99219C1.64069 6.92051 1.07949 6.35931 1.00781 5.65332L1 5.5V3.5C1 2.72334 1.59028 2.08461 2.34668 2.00781L2.5 2H12.5L12.6533 2.00781ZM2.5 3C2.22386 3 2 3.22386 2 3.5V5.5C2 5.77614 2.22386 6 2.5 6H12.5C12.7761 6 13 5.77614 13 5.5V3.5C13 3.22386 12.7761 3 12.5 3H2.5ZM3.5 4C3.77614 4 4 4.22386 4 4.5C4 4.77614 3.77614 5 3.5 5C3.22386 5 3 4.77614 3 4.5C3 4.22386 3.22386 4 3.5 4Z"
    fill="currentColor"
  />
</svg>
Attribution
"Server" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.

Related icons: database, storage, data, db

Server icon in other sets