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

Network Off Line icon

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

/**
 * Network Off Line from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/network-off-line. Sized in em, colored by currentColor.
 */
export function RiNetworkOffLineIcon(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="M21.6064 20.1924L20.1924 21.6064L19.4678 20.8818C19.328 20.9562 19.1694 21 19 21H15C14.4477 21 14 20.5523 14 20V16C14 15.8305 14.0428 15.6711 14.1172 15.5312L11.5859 13H8V15H9C9.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 15H6V13H3V11H9.58594L2.39355 3.80762L3.80762 2.39355L21.6064 20.1924ZM6 19H8V17H6V19ZM16 19H17.5859L16 17.4141V19ZM21 13H18V13.7578L15.2422 11H21V13ZM14 3C14.5523 3 15 3.44772 15 4V8C15 8.55228 14.5523 9 14 9H13.2422L11.2422 7H13V5H11V6.75781L9 4.75781V4C9 3.44772 9.44772 3 10 3H14Z"
      />
    </svg>
  );
}
With react-icons
import { RiNetworkOffLine } from "react-icons/ri";

export function Example() {
  return <RiNetworkOffLine className="size-5" />;
}
network-off-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="M21.6064 20.1924L20.1924 21.6064L19.4678 20.8818C19.328 20.9562 19.1694 21 19 21H15C14.4477 21 14 20.5523 14 20V16C14 15.8305 14.0428 15.6711 14.1172 15.5312L11.5859 13H8V15H9C9.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 15H6V13H3V11H9.58594L2.39355 3.80762L3.80762 2.39355L21.6064 20.1924ZM6 19H8V17H6V19ZM16 19H17.5859L16 17.4141V19ZM21 13H18V13.7578L15.2422 11H21V13ZM14 3C14.5523 3 15 3.44772 15 4V8C15 8.55228 14.5523 9 14 9H13.2422L11.2422 7H13V5H11V6.75781L9 4.75781V4C9 3.44772 9.44772 3 10 3H14Z"
  />
</svg>
Attribution
"Network Off Line" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: share, send, export, forward