Skip to content
Cuelark UI

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

Remix Icon · RiNetworkErrorLine

Network Error Line icon

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

/**
 * Network Error Line from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/network-error-line. Sized in em, colored by currentColor.
 */
export function RiNetworkErrorLineIcon(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="M20.207 16.207L18.4141 18L20.207 19.793L18.793 21.207L17 19.4141L15.207 21.207L13.793 19.793L15.5859 18L13.793 16.207L15.207 14.793L17 16.5859L18.793 14.793L20.207 16.207ZM14 3C14.5523 3 15 3.44772 15 4V8C15 8.55228 14.5523 9 14 9H13V11H21V13H18V14.5H16V13H8V15H9C9.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 3H14ZM6 19H8V17H6V19ZM11 7H13V5H11V7Z"
      />
    </svg>
  );
}
With react-icons
import { RiNetworkErrorLine } from "react-icons/ri";

export function Example() {
  return <RiNetworkErrorLine className="size-5" />;
}
network-error-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="M20.207 16.207L18.4141 18L20.207 19.793L18.793 21.207L17 19.4141L15.207 21.207L13.793 19.793L15.5859 18L13.793 16.207L15.207 14.793L17 16.5859L18.793 14.793L20.207 16.207ZM14 3C14.5523 3 15 3.44772 15 4V8C15 8.55228 14.5523 9 14 9H13V11H21V13H18V14.5H16V13H8V15H9C9.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 3H14ZM6 19H8V17H6V19ZM11 7H13V5H11V7Z"
  />
</svg>
Attribution
"Network Error Line" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: share, send, export, forward