Skip to content
Cuelark UI

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

Remix Icon · RiNetworkLine

Network Line icon

A free network line icon from Remix Icon, 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 asshare iconsend iconexport iconforward iconsocial iconwifi iconwireless iconinternet icon
License
Apache License Version 2.0
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/remix/network-line.json
components/icons/remix-network-line.tsx
import * as React from "react";

/**
 * Network Line from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/network-line. Sized in em, colored by currentColor.
 */
export function RiNetworkLineIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M14 3C14.5523 3 15 3.44772 15 4V8C15 8.55228 14.5523 9 14 9H13V11H21V13H18V15H19C19.5523 15 20 15.4477 20 16V20C20 20.5523 19.5523 21 19 21H15C14.4477 21 14 20.5523 14 20V16C14 15.4477 14.4477 15 15 15H16V13H8V15H9C9.55228 15 10 15.4477 10 16V20C10 20.5523 9.55228 21 9 21H5C4.44772 21 4 20.5523 4 20V16L4.00488 15.8975C4.05621 15.3933 4.48232 15 5 15H6V13H3V11H11V9H10C9.44772 9 9 8.55228 9 8V4C9 3.44772 9.44772 3 10 3H14ZM16 19H18V17H16V19ZM6 19H8V17H6V19ZM11 7H13V5H11V7Z"
      />
    </svg>
  );
}
With react-icons
import { RiNetworkLine } from "react-icons/ri";

export function Example() {
  return <RiNetworkLine className="size-5" />;
}
network-line.svg
<svg
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M14 3C14.5523 3 15 3.44772 15 4V8C15 8.55228 14.5523 9 14 9H13V11H21V13H18V15H19C19.5523 15 20 15.4477 20 16V20C20 20.5523 19.5523 21 19 21H15C14.4477 21 14 20.5523 14 20V16C14 15.4477 14.4477 15 15 15H16V13H8V15H9C9.55228 15 10 15.4477 10 16V20C10 20.5523 9.55228 21 9 21H5C4.44772 21 4 20.5523 4 20V16L4.00488 15.8975C4.05621 15.3933 4.48232 15 5 15H6V13H3V11H11V9H10C9.44772 9 9 8.55228 9 8V4C9 3.44772 9.44772 3 10 3H14ZM16 19H18V17H16V19ZM6 19H8V17H6V19ZM11 7H13V5H11V7Z"
  />
</svg>
Attribution
"Network Line" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: share, send, export, forward