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

Network Fill icon

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

/**
 * Network Fill from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/network-fill. Sized in em, colored by currentColor.
 */
export function RiNetworkFillIcon(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 3H14Z"
      />
    </svg>
  );
}
With react-icons
import { RiNetworkFill } from "react-icons/ri";

export function Example() {
  return <RiNetworkFill className="size-5" />;
}
network-fill.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 3H14Z"
  />
</svg>
Attribution
"Network Fill" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: share, send, export, forward

Network Fill icon in other sets