# cloud-off icon

Cloud off. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/cloud-off

- Category: Connectivity
- Use it for: cloud unavailable, cloud offline, cloud disconnected, no cloud
- Example: Cloud storage unavailable or offline
- Built from: cloud + slash
- Tags: cloud-storage, online, slash
- Family: 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, cloud-pause, cloud-plus, cloud-rain, cloud-rain-heavy, cloud-shield, cloud-snow, cloud-sun, cloud-sync, cloud-x, clouds
- Component name: CloudOffIcon
- Added: 2026-10-14

## 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

## Files

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.

- line-round: https://gentleface.com/svg/line-round/16/cloud-off.svg · PNG https://gentleface.com/png/line-round/16/cloud-off.png · https://gentleface.com/png/line-round/32/cloud-off.png · https://gentleface.com/png/line-round/48/cloud-off.png
- line-soft: https://gentleface.com/svg/line-soft/16/cloud-off.svg · PNG https://gentleface.com/png/line-soft/16/cloud-off.png · https://gentleface.com/png/line-soft/32/cloud-off.png · https://gentleface.com/png/line-soft/48/cloud-off.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/cloud-off.svg · PNG https://gentleface.com/png/line-sharp/16/cloud-off.png · https://gentleface.com/png/line-sharp/32/cloud-off.png · https://gentleface.com/png/line-sharp/48/cloud-off.png
- solid-round: https://gentleface.com/svg/solid-round/16/cloud-off.svg · PNG https://gentleface.com/png/solid-round/16/cloud-off.png · https://gentleface.com/png/solid-round/32/cloud-off.png · https://gentleface.com/png/solid-round/48/cloud-off.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/cloud-off.svg · PNG https://gentleface.com/png/solid-soft/16/cloud-off.png · https://gentleface.com/png/solid-soft/32/cloud-off.png · https://gentleface.com/png/solid-soft/48/cloud-off.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/cloud-off.svg · PNG https://gentleface.com/png/solid-sharp/16/cloud-off.png · https://gentleface.com/png/solid-sharp/32/cloud-off.png · https://gentleface.com/png/solid-sharp/48/cloud-off.png

The SVG of every style: https://gentleface.com/icons/cloud-off.json (`svg`).

## Code (line-round)

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. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```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

```tsx
// 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
<!-- Gentleface "cloud-off" (line-round), MIT. https://gentleface.com/icons/cloud-off -->
<template>
  <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>
</template>
```

### Svelte

```svelte
<!-- Gentleface "cloud-off" (line-round), MIT. https://gentleface.com/icons/cloud-off -->
<script>
  let props = $props();
</script>

<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>
```

### HTML img

```html
<!-- Gentleface "cloud-off" (line-round), MIT. https://gentleface.com/icons/cloud-off. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/cloud-off.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "cloud-off" (line-round), MIT. https://gentleface.com/icons/cloud-off. Takes the text color. */
.icon-cloud-off {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "cloud-off" (line-round), MIT. https://gentleface.com/icons/cloud-off
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#cloud-off"/></svg>
```

### SwiftUI

```swift
// Gentleface "cloud-off" (line-round), MIT. https://gentleface.com/icons/cloud-off
import SwiftUI

struct CloudOffIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 15.003, y: 14.5))
        p.addCurve(to: CGPoint(x: 14.854, y: 14.854), control1: CGPoint(x: 15.003, y: 14.636), control2: CGPoint(x: 14.953, y: 14.754))
        p.addCurve(to: CGPoint(x: 14.5, y: 15.003), control1: CGPoint(x: 14.754, y: 14.953), control2: CGPoint(x: 14.636, y: 15.003))
        p.addCurve(to: CGPoint(x: 14.146, y: 14.854), control1: CGPoint(x: 14.364, y: 15.003), control2: CGPoint(x: 14.246, y: 14.953))
        p.addLine(to: CGPoint(x: 12.28, y: 12.987))
        p.addCurve(to: CGPoint(x: 12, y: 13), control1: CGPoint(x: 12.187, y: 12.996), control2: CGPoint(x: 12.094, y: 13))
        p.addLine(to: CGPoint(x: 6, y: 13))
        p.addCurve(to: CGPoint(x: 4.16, y: 12.649), control1: CGPoint(x: 5.364, y: 13), control2: CGPoint(x: 4.751, y: 12.883))
        p.addCurve(to: CGPoint(x: 2.464, y: 11.536), control1: CGPoint(x: 3.518, y: 12.395), control2: CGPoint(x: 2.953, y: 12.024))
        p.addCurve(to: CGPoint(x: 1.351, y: 9.84), control1: CGPoint(x: 1.976, y: 11.047), control2: CGPoint(x: 1.605, y: 10.482))
        p.addCurve(to: CGPoint(x: 1, y: 8), control1: CGPoint(x: 1.117, y: 9.249), control2: CGPoint(x: 1, y: 8.636))
        p.addCurve(to: CGPoint(x: 1.702, y: 5.446), control1: CGPoint(x: 1, y: 7.084), control2: CGPoint(x: 1.234, y: 6.233))
        p.addCurve(to: CGPoint(x: 3.17, y: 3.877), control1: CGPoint(x: 2.081, y: 4.808), control2: CGPoint(x: 2.57, y: 4.285))
        p.addLine(to: CGPoint(x: 1.146, y: 1.854))
        p.addCurve(to: CGPoint(x: 0.997, y: 1.5), control1: CGPoint(x: 1.047, y: 1.754), control2: CGPoint(x: 0.997, y: 1.636))
        p.addCurve(to: CGPoint(x: 1.146, y: 1.146), control1: CGPoint(x: 0.997, y: 1.364), control2: CGPoint(x: 1.047, y: 1.246))
        p.addCurve(to: CGPoint(x: 1.5, y: 0.997), control1: CGPoint(x: 1.246, y: 1.047), control2: CGPoint(x: 1.364, y: 0.997))
        p.addCurve(to: CGPoint(x: 1.854, y: 1.146), control1: CGPoint(x: 1.636, y: 0.997), control2: CGPoint(x: 1.754, y: 1.047))
        p.addLine(to: CGPoint(x: 14.854, y: 14.146))
        p.addCurve(to: CGPoint(x: 15.003, y: 14.5), control1: CGPoint(x: 14.953, y: 14.246), control2: CGPoint(x: 15.003, y: 14.364))
        p.closeSubpath()
        p.move(to: CGPoint(x: 11.293, y: 12))
        p.addLine(to: CGPoint(x: 3.893, y: 4.6))
        p.addCurve(to: CGPoint(x: 2.561, y: 5.956), control1: CGPoint(x: 3.341, y: 4.94), control2: CGPoint(x: 2.897, y: 5.392))
        p.addCurve(to: CGPoint(x: 2, y: 8), control1: CGPoint(x: 2.187, y: 6.586), control2: CGPoint(x: 2, y: 7.267))
        p.addCurve(to: CGPoint(x: 2.281, y: 9.472), control1: CGPoint(x: 2, y: 8.509), control2: CGPoint(x: 2.094, y: 8.999))
        p.addCurve(to: CGPoint(x: 3.172, y: 10.828), control1: CGPoint(x: 2.484, y: 9.986), control2: CGPoint(x: 2.781, y: 10.438))
        p.addCurve(to: CGPoint(x: 4.528, y: 11.719), control1: CGPoint(x: 3.562, y: 11.219), control2: CGPoint(x: 4.014, y: 11.516))
        p.addCurve(to: CGPoint(x: 6, y: 12), control1: CGPoint(x: 5.001, y: 11.906), control2: CGPoint(x: 5.491, y: 12))
        p.addLine(to: CGPoint(x: 11.293, y: 12))
        p.closeSubpath()
        p.move(to: CGPoint(x: 5.496, y: 3.496))
        p.addCurve(to: CGPoint(x: 5.64, y: 3.144), control1: CGPoint(x: 5.497, y: 3.357), control2: CGPoint(x: 5.545, y: 3.24))
        p.addCurve(to: CGPoint(x: 5.996, y: 3), control1: CGPoint(x: 5.736, y: 3.048), control2: CGPoint(x: 5.855, y: 3))
        p.addLine(to: CGPoint(x: 6, y: 3))
        p.addCurve(to: CGPoint(x: 7.84, y: 3.351), control1: CGPoint(x: 6.636, y: 3), control2: CGPoint(x: 7.249, y: 3.117))
        p.addCurve(to: CGPoint(x: 9.536, y: 4.464), control1: CGPoint(x: 8.482, y: 3.605), control2: CGPoint(x: 9.047, y: 3.976))
        p.addCurve(to: CGPoint(x: 10.649, y: 6.16), control1: CGPoint(x: 10.024, y: 4.953), control2: CGPoint(x: 10.395, y: 5.518))
        p.addCurve(to: CGPoint(x: 10.935, y: 7.194), control1: CGPoint(x: 10.783, y: 6.497), control2: CGPoint(x: 10.878, y: 6.842))
        p.addCurve(to: CGPoint(x: 11.409, y: 7.059), control1: CGPoint(x: 11.088, y: 7.137), control2: CGPoint(x: 11.245, y: 7.092))
        p.addCurve(to: CGPoint(x: 12.895, y: 7.136), control1: CGPoint(x: 11.911, y: 6.958), control2: CGPoint(x: 12.406, y: 6.984))
        p.addCurve(to: CGPoint(x: 14.16, y: 7.918), control1: CGPoint(x: 13.383, y: 7.289), control2: CGPoint(x: 13.805, y: 7.55))
        p.addCurve(to: CGPoint(x: 14.846, y: 9.051), control1: CGPoint(x: 14.474, y: 8.244), control2: CGPoint(x: 14.703, y: 8.622))
        p.addCurve(to: CGPoint(x: 14.979, y: 10.358), control1: CGPoint(x: 14.988, y: 9.477), control2: CGPoint(x: 15.032, y: 9.913))
        p.addCurve(to: CGPoint(x: 14.54, y: 11.596), control1: CGPoint(x: 14.925, y: 10.804), control2: CGPoint(x: 14.779, y: 11.216))
        p.addCurve(to: CGPoint(x: 14.229, y: 11.821), control1: CGPoint(x: 14.465, y: 11.716), control2: CGPoint(x: 14.361, y: 11.79))
        p.addCurve(to: CGPoint(x: 13.851, y: 11.754), control1: CGPoint(x: 14.096, y: 11.851), control2: CGPoint(x: 13.97, y: 11.829))
        p.addCurve(to: CGPoint(x: 13.626, y: 11.442), control1: CGPoint(x: 13.731, y: 11.679), control2: CGPoint(x: 13.657, y: 11.575))
        p.addCurve(to: CGPoint(x: 13.693, y: 11.064), control1: CGPoint(x: 13.596, y: 11.31), control2: CGPoint(x: 13.618, y: 11.184))
        p.addCurve(to: CGPoint(x: 13.986, y: 10.239), control1: CGPoint(x: 13.853, y: 10.811), control2: CGPoint(x: 13.95, y: 10.536))
        p.addCurve(to: CGPoint(x: 13.897, y: 9.368), control1: CGPoint(x: 14.021, y: 9.942), control2: CGPoint(x: 13.992, y: 9.651))
        p.addCurve(to: CGPoint(x: 13.44, y: 8.612), control1: CGPoint(x: 13.802, y: 9.081), control2: CGPoint(x: 13.65, y: 8.83))
        p.addCurve(to: CGPoint(x: 12.596, y: 8.091), control1: CGPoint(x: 13.203, y: 8.366), control2: CGPoint(x: 12.922, y: 8.193))
        p.addCurve(to: CGPoint(x: 11.606, y: 8.039), control1: CGPoint(x: 12.271, y: 7.989), control2: CGPoint(x: 11.94, y: 7.972))
        p.addCurve(to: CGPoint(x: 10.8, y: 8.4), control1: CGPoint(x: 11.31, y: 8.099), control2: CGPoint(x: 11.041, y: 8.219))
        p.addCurve(to: CGPoint(x: 10.5, y: 8.5), control1: CGPoint(x: 10.711, y: 8.467), control2: CGPoint(x: 10.611, y: 8.5))
        p.addLine(to: CGPoint(x: 10, y: 8))
        p.addCurve(to: CGPoint(x: 9.719, y: 6.528), control1: CGPoint(x: 10, y: 7.491), control2: CGPoint(x: 9.906, y: 7.001))
        p.addCurve(to: CGPoint(x: 8.828, y: 5.172), control1: CGPoint(x: 9.516, y: 6.014), control2: CGPoint(x: 9.219, y: 5.562))
        p.addCurve(to: CGPoint(x: 7.472, y: 4.281), control1: CGPoint(x: 8.438, y: 4.781), control2: CGPoint(x: 7.986, y: 4.484))
        p.addCurve(to: CGPoint(x: 6, y: 4), control1: CGPoint(x: 6.999, y: 4.094), control2: CGPoint(x: 6.509, y: 4))
        p.addLine(to: CGPoint(x: 6, y: 4))
        p.addLine(to: CGPoint(x: 5.496, y: 3.496))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// CloudOffIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "cloud-off" (line-round), MIT. https://gentleface.com/icons/cloud-off
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val CloudOffIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "cloud-off", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("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"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(CloudOffIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_cloud_off.xml · Gentleface "cloud-off" (line-round), MIT. https://gentleface.com/icons/cloud-off -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="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"/>
</vector>
```

### Flutter

```dart
// Gentleface "cloud-off" (line-round), MIT. https://gentleface.com/icons/cloud-off
import 'package:flutter/widgets.dart';

class CloudOffIcon extends StatelessWidget {
  const CloudOffIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _CloudOffIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _CloudOffIconPainter extends CustomPainter {
  _CloudOffIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(15.003, 14.5)
      ..cubicTo(15.003, 14.636, 14.953, 14.754, 14.854, 14.854)
      ..cubicTo(14.754, 14.953, 14.636, 15.003, 14.5, 15.003)
      ..cubicTo(14.364, 15.003, 14.246, 14.953, 14.146, 14.854)
      ..lineTo(12.28, 12.987)
      ..cubicTo(12.187, 12.996, 12.094, 13, 12, 13)
      ..lineTo(6, 13)
      ..cubicTo(5.364, 13, 4.751, 12.883, 4.16, 12.649)
      ..cubicTo(3.518, 12.395, 2.953, 12.024, 2.464, 11.536)
      ..cubicTo(1.976, 11.047, 1.605, 10.482, 1.351, 9.84)
      ..cubicTo(1.117, 9.249, 1, 8.636, 1, 8)
      ..cubicTo(1, 7.084, 1.234, 6.233, 1.702, 5.446)
      ..cubicTo(2.081, 4.808, 2.57, 4.285, 3.17, 3.877)
      ..lineTo(1.146, 1.854)
      ..cubicTo(1.047, 1.754, 0.997, 1.636, 0.997, 1.5)
      ..cubicTo(0.997, 1.364, 1.047, 1.246, 1.146, 1.146)
      ..cubicTo(1.246, 1.047, 1.364, 0.997, 1.5, 0.997)
      ..cubicTo(1.636, 0.997, 1.754, 1.047, 1.854, 1.146)
      ..lineTo(14.854, 14.146)
      ..cubicTo(14.953, 14.246, 15.003, 14.364, 15.003, 14.5)
      ..close()
      ..moveTo(11.293, 12)
      ..lineTo(3.893, 4.6)
      ..cubicTo(3.341, 4.94, 2.897, 5.392, 2.561, 5.956)
      ..cubicTo(2.187, 6.586, 2, 7.267, 2, 8)
      ..cubicTo(2, 8.509, 2.094, 8.999, 2.281, 9.472)
      ..cubicTo(2.484, 9.986, 2.781, 10.438, 3.172, 10.828)
      ..cubicTo(3.562, 11.219, 4.014, 11.516, 4.528, 11.719)
      ..cubicTo(5.001, 11.906, 5.491, 12, 6, 12)
      ..lineTo(11.293, 12)
      ..close()
      ..moveTo(5.496, 3.496)
      ..cubicTo(5.497, 3.357, 5.545, 3.24, 5.64, 3.144)
      ..cubicTo(5.736, 3.048, 5.855, 3, 5.996, 3)
      ..lineTo(6, 3)
      ..cubicTo(6.636, 3, 7.249, 3.117, 7.84, 3.351)
      ..cubicTo(8.482, 3.605, 9.047, 3.976, 9.536, 4.464)
      ..cubicTo(10.024, 4.953, 10.395, 5.518, 10.649, 6.16)
      ..cubicTo(10.783, 6.497, 10.878, 6.842, 10.935, 7.194)
      ..cubicTo(11.088, 7.137, 11.245, 7.092, 11.409, 7.059)
      ..cubicTo(11.911, 6.958, 12.406, 6.984, 12.895, 7.136)
      ..cubicTo(13.383, 7.289, 13.805, 7.55, 14.16, 7.918)
      ..cubicTo(14.474, 8.244, 14.703, 8.622, 14.846, 9.051)
      ..cubicTo(14.988, 9.477, 15.032, 9.913, 14.979, 10.358)
      ..cubicTo(14.925, 10.804, 14.779, 11.216, 14.54, 11.596)
      ..cubicTo(14.465, 11.716, 14.361, 11.79, 14.229, 11.821)
      ..cubicTo(14.096, 11.851, 13.97, 11.829, 13.851, 11.754)
      ..cubicTo(13.731, 11.679, 13.657, 11.575, 13.626, 11.442)
      ..cubicTo(13.596, 11.31, 13.618, 11.184, 13.693, 11.064)
      ..cubicTo(13.853, 10.811, 13.95, 10.536, 13.986, 10.239)
      ..cubicTo(14.021, 9.942, 13.992, 9.651, 13.897, 9.368)
      ..cubicTo(13.802, 9.081, 13.65, 8.83, 13.44, 8.612)
      ..cubicTo(13.203, 8.366, 12.922, 8.193, 12.596, 8.091)
      ..cubicTo(12.271, 7.989, 11.94, 7.972, 11.606, 8.039)
      ..cubicTo(11.31, 8.099, 11.041, 8.219, 10.8, 8.4)
      ..cubicTo(10.711, 8.467, 10.611, 8.5, 10.5, 8.5)
      ..lineTo(10, 8)
      ..cubicTo(10, 7.491, 9.906, 7.001, 9.719, 6.528)
      ..cubicTo(9.516, 6.014, 9.219, 5.562, 8.828, 5.172)
      ..cubicTo(8.438, 4.781, 7.986, 4.484, 7.472, 4.281)
      ..cubicTo(6.999, 4.094, 6.509, 4, 6, 4)
      ..lineTo(6, 4)
      ..lineTo(5.496, 3.496)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_CloudOffIconPainter old) => old.color != color;
}
```