Gentleface › Connectivity › cloud-off

cloud-off icon

Cloud off: cloud unavailable, cloud offline, cloud disconnected, no cloud. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.28 12.987C12.187 12.996 12.094 13 12 13L6 13C5.364 13 4.751 12.883 4.16 12.649C3.518 12.395 2.953 12.024 2.464 11.536C1.976 11.047 1.605 10.482 1.351 9.84C1.117 9.249 1 8.636 1 8C1 7.084 1.234 6.233 1.702 5.446C2.081 4.808 2.57 4.285 3.17 3.877L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.293 12L3.893 4.6C3.341 4.94 2.897 5.392 2.561 5.956C2.187 6.586 2 7.267 2 8C2 8.509 2.094 8.999 2.281 9.472C2.484 9.986 2.781 10.438 3.172 10.828C3.562 11.219 4.014 11.516 4.528 11.719C5.001 11.906 5.491 12 6 12L11.293 12ZM5.496 3.496C5.497 3.357 5.545 3.24 5.64 3.144C5.736 3.048 5.855 3 5.996 3L6 3C6.636 3 7.249 3.117 7.84 3.351C8.482 3.605 9.047 3.976 9.536 4.464C10.024 4.953 10.395 5.518 10.649 6.16C10.783 6.497 10.878 6.842 10.935 7.194C11.088 7.137 11.245 7.092 11.409 7.059C11.911 6.958 12.406 6.984 12.895 7.136C13.383 7.289 13.805 7.55 14.16 7.918C14.474 8.244 14.703 8.622 14.846 9.051C14.988 9.477 15.032 9.913 14.979 10.358C14.925 10.804 14.779 11.216 14.54 11.596C14.465 11.716 14.361 11.79 14.229 11.821C14.096 11.851 13.97 11.829 13.851 11.754C13.731 11.679 13.657 11.575 13.626 11.442C13.596 11.31 13.618 11.184 13.693 11.064C13.853 10.811 13.95 10.536 13.986 10.239C14.021 9.942 13.992 9.651 13.897 9.368C13.802 9.081 13.65 8.83 13.44 8.612C13.203 8.366 12.922 8.193 12.596 8.091C12.271 7.989 11.94 7.972 11.606 8.039C11.31 8.099 11.041 8.219 10.8 8.4C10.711 8.467 10.611 8.5 10.5 8.5L10 8C10 7.491 9.906 7.001 9.719 6.528C9.516 6.014 9.219 5.562 8.828 5.172C8.438 4.781 7.986 4.484 7.472 4.281C6.999 4.094 6.509 4 6 4L6 4L5.496 3.496Z"/></svg>

React

// Gentleface "cloud-off" (line-round), MIT. https://gentleface.com/icons/cloud-off
import type { SVGProps } from 'react';

export function CloudOffIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.28 12.987C12.187 12.996 12.094 13 12 13L6 13C5.364 13 4.751 12.883 4.16 12.649C3.518 12.395 2.953 12.024 2.464 11.536C1.976 11.047 1.605 10.482 1.351 9.84C1.117 9.249 1 8.636 1 8C1 7.084 1.234 6.233 1.702 5.446C2.081 4.808 2.57 4.285 3.17 3.877L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.293 12L3.893 4.6C3.341 4.94 2.897 5.392 2.561 5.956C2.187 6.586 2 7.267 2 8C2 8.509 2.094 8.999 2.281 9.472C2.484 9.986 2.781 10.438 3.172 10.828C3.562 11.219 4.014 11.516 4.528 11.719C5.001 11.906 5.491 12 6 12L11.293 12ZM5.496 3.496C5.497 3.357 5.545 3.24 5.64 3.144C5.736 3.048 5.855 3 5.996 3L6 3C6.636 3 7.249 3.117 7.84 3.351C8.482 3.605 9.047 3.976 9.536 4.464C10.024 4.953 10.395 5.518 10.649 6.16C10.783 6.497 10.878 6.842 10.935 7.194C11.088 7.137 11.245 7.092 11.409 7.059C11.911 6.958 12.406 6.984 12.895 7.136C13.383 7.289 13.805 7.55 14.16 7.918C14.474 8.244 14.703 8.622 14.846 9.051C14.988 9.477 15.032 9.913 14.979 10.358C14.925 10.804 14.779 11.216 14.54 11.596C14.465 11.716 14.361 11.79 14.229 11.821C14.096 11.851 13.97 11.829 13.851 11.754C13.731 11.679 13.657 11.575 13.626 11.442C13.596 11.31 13.618 11.184 13.693 11.064C13.853 10.811 13.95 10.536 13.986 10.239C14.021 9.942 13.992 9.651 13.897 9.368C13.802 9.081 13.65 8.83 13.44 8.612C13.203 8.366 12.922 8.193 12.596 8.091C12.271 7.989 11.94 7.972 11.606 8.039C11.31 8.099 11.041 8.219 10.8 8.4C10.711 8.467 10.611 8.5 10.5 8.5L10 8C10 7.491 9.906 7.001 9.719 6.528C9.516 6.014 9.219 5.562 8.828 5.172C8.438 4.781 7.986 4.484 7.472 4.281C6.999 4.094 6.509 4 6 4L6 4L5.496 3.496Z" />
    </svg>
  );
}

Vue

Vue: see /icons/cloud-off.md

Svelte

Svelte: see /icons/cloud-off.md

HTML img

HTML img: see /icons/cloud-off.md

CSS

CSS: see /icons/cloud-off.md

Data URL

Data URL: see /icons/cloud-off.md

Sprite

Sprite: see /icons/cloud-off.md

SwiftUI

SwiftUI: see /icons/cloud-off.md

Compose

Compose: see /icons/cloud-off.md

Android XML

Android XML: see /icons/cloud-off.md

Flutter

Flutter: see /icons/cloud-off.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

cloud unavailable, cloud offline, cloud disconnected, no cloud

Example

Cloud storage unavailable or offline

Alternatives

wifi-off: no network at all (offline)
cloud-pause: sync paused on purpose (cloud-sync-paused)

Also fits

cloud error: the cloud is unreachable (cloud-unavailable)
offline: cloud storage unreachable (cloud-unavailable)

Not for

remove from cloud (use cloud-x): the cloud is unavailable (cloud-unavailable); x never means off

Built from

cloud + slash

Tags

cloud-storage, online, slash

Category

Connectivity

Component name

CloudOffIcon

History

2026-10-14 added

Family 22

cloud cloud-alert cloud-arrow-down cloud-arrow-up cloud-check cloud-clock cloud-fog cloud-gear cloud-hail cloud-lightning cloud-lock cloud-moon

More connectivity icons

antenna bluetooth bluetooth-connected bluetooth-off bluetooth-searching cast cast-connected ethernet hotspot hotspot-off network network-off nfc nfc-off radio-tower router · all connectivity icons

For agents

Metadata: /icons/cloud-off.json · Markdown: /icons/cloud-off.md · SVG: https://gentleface.com/svg/{style}/16/cloud-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/cloud-off.png

cloud-off icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp