# clouds icon

Clouds. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/clouds

- Category: Weather
- Use it for: overcast, heavy clouds, mostly cloudy, cloudy skies
- Tags: clouds, overcast, heavy-clouds, cloudy, weather, sky, grey, mostly-cloudy
- 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-off, cloud-pause, cloud-plus, cloud-rain, cloud-rain-heavy, cloud-shield, cloud-snow, cloud-sun, cloud-sync, cloud-x
- Component name: CloudsIcon
- Added: 2026-10-16

## Alternatives

- `cloud`: cloudy (the weather set default)

## Also fits

- cloudy: overcast, heavy clouds (overcast)
- partly cloudy: overcast or mostly cloudy

## 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/clouds.svg · PNG https://gentleface.com/png/line-round/16/clouds.png · https://gentleface.com/png/line-round/32/clouds.png · https://gentleface.com/png/line-round/48/clouds.png
- line-soft: https://gentleface.com/svg/line-soft/16/clouds.svg · PNG https://gentleface.com/png/line-soft/16/clouds.png · https://gentleface.com/png/line-soft/32/clouds.png · https://gentleface.com/png/line-soft/48/clouds.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/clouds.svg · PNG https://gentleface.com/png/line-sharp/16/clouds.png · https://gentleface.com/png/line-sharp/32/clouds.png · https://gentleface.com/png/line-sharp/48/clouds.png
- solid-round: https://gentleface.com/svg/solid-round/16/clouds.svg · PNG https://gentleface.com/png/solid-round/16/clouds.png · https://gentleface.com/png/solid-round/32/clouds.png · https://gentleface.com/png/solid-round/48/clouds.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/clouds.svg · PNG https://gentleface.com/png/solid-soft/16/clouds.png · https://gentleface.com/png/solid-soft/32/clouds.png · https://gentleface.com/png/solid-soft/48/clouds.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/clouds.svg · PNG https://gentleface.com/png/solid-sharp/16/clouds.png · https://gentleface.com/png/solid-sharp/32/clouds.png · https://gentleface.com/png/solid-sharp/48/clouds.png

The SVG of every style: https://gentleface.com/icons/clouds.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="M5.526 2.857C5.864 2.591 6.235 2.385 6.639 2.239C7.022 2.1 7.418 2.021 7.826 2.004C8.328 1.982 8.816 2.052 9.292 2.214C9.806 2.39 10.266 2.659 10.671 3.022C11.076 3.385 11.393 3.813 11.624 4.306C11.74 4.555 11.83 4.811 11.892 5.074C12.013 5.044 12.137 5.023 12.264 5.011C12.673 4.972 13.069 5.031 13.449 5.187C13.83 5.343 14.152 5.579 14.417 5.895C14.652 6.176 14.818 6.494 14.913 6.848C14.985 7.112 15.012 7.381 14.995 7.654C14.977 7.944 14.911 8.222 14.796 8.489C14.681 8.755 14.525 8.995 14.327 9.207C14.14 9.407 13.926 9.572 13.685 9.701C13.561 9.768 13.434 9.782 13.303 9.743C13.173 9.704 13.075 9.622 13.008 9.498C12.941 9.374 12.927 9.247 12.966 9.116C13.005 8.986 13.087 8.888 13.211 8.821C13.518 8.656 13.74 8.413 13.878 8.093C14.016 7.773 14.039 7.445 13.948 7.109C13.891 6.896 13.791 6.706 13.65 6.537C13.491 6.348 13.298 6.206 13.07 6.112C12.841 6.019 12.604 5.983 12.358 6.007C12.139 6.028 11.935 6.093 11.744 6.204C11.677 6.244 11.603 6.266 11.525 6.271C11.384 6.28 11.263 6.24 11.161 6.15C11.059 6.061 11.003 5.945 10.994 5.805C10.969 5.429 10.877 5.071 10.718 4.729C10.545 4.36 10.307 4.039 10.003 3.767C9.7 3.494 9.355 3.292 8.969 3.161C8.612 3.039 8.246 2.986 7.87 3.003C7.226 3.031 6.651 3.244 6.145 3.642C5.638 4.041 5.296 4.55 5.117 5.169C5.078 5.304 4.999 5.405 4.88 5.471C4.857 5.484 4.833 5.494 4.809 5.503C4.793 5.504 4.777 5.504 4.761 5.505C4.685 5.508 4.609 5.513 4.534 5.52C4.522 5.517 4.51 5.514 4.498 5.511C4.363 5.472 4.262 5.393 4.197 5.273C4.131 5.154 4.118 5.027 4.157 4.892C4.27 4.499 4.439 4.133 4.664 3.792C4.901 3.434 5.189 3.122 5.526 2.857ZM2.202 13.859C1.814 13.479 1.515 13.037 1.306 12.535C1.114 12.072 1.012 11.589 1.001 11.087C0.99 10.585 1.071 10.098 1.243 9.627C1.43 9.116 1.709 8.662 2.081 8.265C2.453 7.868 2.887 7.56 3.385 7.341C3.844 7.138 4.325 7.026 4.826 7.004C5.328 6.982 5.816 7.052 6.292 7.214C6.806 7.39 7.266 7.659 7.671 8.022C8.076 8.385 8.393 8.813 8.624 9.306C8.74 9.555 8.83 9.811 8.892 10.074C9.013 10.044 9.137 10.023 9.264 10.011C9.673 9.972 10.069 10.031 10.449 10.187C10.83 10.343 11.152 10.579 11.417 10.895C11.652 11.176 11.818 11.494 11.913 11.848C12.009 12.202 12.026 12.56 11.964 12.921C11.895 13.327 11.735 13.693 11.485 14.02C11.235 14.347 10.923 14.596 10.55 14.769C10.217 14.923 9.867 15 9.5 15L5 15C4.498 15 4.013 14.909 3.545 14.726C3.039 14.528 2.591 14.239 2.202 13.859ZM10.691 13.412C10.841 13.216 10.937 12.996 10.979 12.753C11.016 12.536 11.005 12.321 10.948 12.109C10.891 11.896 10.791 11.706 10.65 11.537C10.491 11.348 10.298 11.206 10.07 11.112C9.841 11.019 9.604 10.983 9.358 11.007C9.139 11.028 8.935 11.093 8.744 11.204C8.677 11.244 8.603 11.266 8.525 11.271C8.384 11.28 8.263 11.24 8.161 11.15C8.059 11.061 8.003 10.945 7.994 10.805C7.969 10.429 7.877 10.071 7.718 9.729C7.545 9.36 7.307 9.039 7.003 8.767C6.7 8.494 6.355 8.292 5.969 8.161C5.612 8.039 5.246 7.986 4.87 8.003C4.494 8.019 4.133 8.103 3.789 8.255C3.416 8.42 3.09 8.651 2.811 8.949C2.532 9.247 2.322 9.587 2.182 9.97C2.053 10.324 1.993 10.689 2.001 11.065C2.009 11.442 2.085 11.804 2.23 12.151C2.386 12.528 2.61 12.859 2.902 13.144C3.193 13.429 3.529 13.646 3.909 13.795C4.26 13.932 4.623 14 5 14L9.5 14C9.72 14 9.93 13.954 10.13 13.861C10.354 13.758 10.541 13.608 10.691 13.412Z"/></svg>
```

### React

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

export function CloudsIcon(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="M5.526 2.857C5.864 2.591 6.235 2.385 6.639 2.239C7.022 2.1 7.418 2.021 7.826 2.004C8.328 1.982 8.816 2.052 9.292 2.214C9.806 2.39 10.266 2.659 10.671 3.022C11.076 3.385 11.393 3.813 11.624 4.306C11.74 4.555 11.83 4.811 11.892 5.074C12.013 5.044 12.137 5.023 12.264 5.011C12.673 4.972 13.069 5.031 13.449 5.187C13.83 5.343 14.152 5.579 14.417 5.895C14.652 6.176 14.818 6.494 14.913 6.848C14.985 7.112 15.012 7.381 14.995 7.654C14.977 7.944 14.911 8.222 14.796 8.489C14.681 8.755 14.525 8.995 14.327 9.207C14.14 9.407 13.926 9.572 13.685 9.701C13.561 9.768 13.434 9.782 13.303 9.743C13.173 9.704 13.075 9.622 13.008 9.498C12.941 9.374 12.927 9.247 12.966 9.116C13.005 8.986 13.087 8.888 13.211 8.821C13.518 8.656 13.74 8.413 13.878 8.093C14.016 7.773 14.039 7.445 13.948 7.109C13.891 6.896 13.791 6.706 13.65 6.537C13.491 6.348 13.298 6.206 13.07 6.112C12.841 6.019 12.604 5.983 12.358 6.007C12.139 6.028 11.935 6.093 11.744 6.204C11.677 6.244 11.603 6.266 11.525 6.271C11.384 6.28 11.263 6.24 11.161 6.15C11.059 6.061 11.003 5.945 10.994 5.805C10.969 5.429 10.877 5.071 10.718 4.729C10.545 4.36 10.307 4.039 10.003 3.767C9.7 3.494 9.355 3.292 8.969 3.161C8.612 3.039 8.246 2.986 7.87 3.003C7.226 3.031 6.651 3.244 6.145 3.642C5.638 4.041 5.296 4.55 5.117 5.169C5.078 5.304 4.999 5.405 4.88 5.471C4.857 5.484 4.833 5.494 4.809 5.503C4.793 5.504 4.777 5.504 4.761 5.505C4.685 5.508 4.609 5.513 4.534 5.52C4.522 5.517 4.51 5.514 4.498 5.511C4.363 5.472 4.262 5.393 4.197 5.273C4.131 5.154 4.118 5.027 4.157 4.892C4.27 4.499 4.439 4.133 4.664 3.792C4.901 3.434 5.189 3.122 5.526 2.857ZM2.202 13.859C1.814 13.479 1.515 13.037 1.306 12.535C1.114 12.072 1.012 11.589 1.001 11.087C0.99 10.585 1.071 10.098 1.243 9.627C1.43 9.116 1.709 8.662 2.081 8.265C2.453 7.868 2.887 7.56 3.385 7.341C3.844 7.138 4.325 7.026 4.826 7.004C5.328 6.982 5.816 7.052 6.292 7.214C6.806 7.39 7.266 7.659 7.671 8.022C8.076 8.385 8.393 8.813 8.624 9.306C8.74 9.555 8.83 9.811 8.892 10.074C9.013 10.044 9.137 10.023 9.264 10.011C9.673 9.972 10.069 10.031 10.449 10.187C10.83 10.343 11.152 10.579 11.417 10.895C11.652 11.176 11.818 11.494 11.913 11.848C12.009 12.202 12.026 12.56 11.964 12.921C11.895 13.327 11.735 13.693 11.485 14.02C11.235 14.347 10.923 14.596 10.55 14.769C10.217 14.923 9.867 15 9.5 15L5 15C4.498 15 4.013 14.909 3.545 14.726C3.039 14.528 2.591 14.239 2.202 13.859ZM10.691 13.412C10.841 13.216 10.937 12.996 10.979 12.753C11.016 12.536 11.005 12.321 10.948 12.109C10.891 11.896 10.791 11.706 10.65 11.537C10.491 11.348 10.298 11.206 10.07 11.112C9.841 11.019 9.604 10.983 9.358 11.007C9.139 11.028 8.935 11.093 8.744 11.204C8.677 11.244 8.603 11.266 8.525 11.271C8.384 11.28 8.263 11.24 8.161 11.15C8.059 11.061 8.003 10.945 7.994 10.805C7.969 10.429 7.877 10.071 7.718 9.729C7.545 9.36 7.307 9.039 7.003 8.767C6.7 8.494 6.355 8.292 5.969 8.161C5.612 8.039 5.246 7.986 4.87 8.003C4.494 8.019 4.133 8.103 3.789 8.255C3.416 8.42 3.09 8.651 2.811 8.949C2.532 9.247 2.322 9.587 2.182 9.97C2.053 10.324 1.993 10.689 2.001 11.065C2.009 11.442 2.085 11.804 2.23 12.151C2.386 12.528 2.61 12.859 2.902 13.144C3.193 13.429 3.529 13.646 3.909 13.795C4.26 13.932 4.623 14 5 14L9.5 14C9.72 14 9.93 13.954 10.13 13.861C10.354 13.758 10.541 13.608 10.691 13.412Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "clouds" (line-round), MIT. https://gentleface.com/icons/clouds -->
<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="M5.526 2.857C5.864 2.591 6.235 2.385 6.639 2.239C7.022 2.1 7.418 2.021 7.826 2.004C8.328 1.982 8.816 2.052 9.292 2.214C9.806 2.39 10.266 2.659 10.671 3.022C11.076 3.385 11.393 3.813 11.624 4.306C11.74 4.555 11.83 4.811 11.892 5.074C12.013 5.044 12.137 5.023 12.264 5.011C12.673 4.972 13.069 5.031 13.449 5.187C13.83 5.343 14.152 5.579 14.417 5.895C14.652 6.176 14.818 6.494 14.913 6.848C14.985 7.112 15.012 7.381 14.995 7.654C14.977 7.944 14.911 8.222 14.796 8.489C14.681 8.755 14.525 8.995 14.327 9.207C14.14 9.407 13.926 9.572 13.685 9.701C13.561 9.768 13.434 9.782 13.303 9.743C13.173 9.704 13.075 9.622 13.008 9.498C12.941 9.374 12.927 9.247 12.966 9.116C13.005 8.986 13.087 8.888 13.211 8.821C13.518 8.656 13.74 8.413 13.878 8.093C14.016 7.773 14.039 7.445 13.948 7.109C13.891 6.896 13.791 6.706 13.65 6.537C13.491 6.348 13.298 6.206 13.07 6.112C12.841 6.019 12.604 5.983 12.358 6.007C12.139 6.028 11.935 6.093 11.744 6.204C11.677 6.244 11.603 6.266 11.525 6.271C11.384 6.28 11.263 6.24 11.161 6.15C11.059 6.061 11.003 5.945 10.994 5.805C10.969 5.429 10.877 5.071 10.718 4.729C10.545 4.36 10.307 4.039 10.003 3.767C9.7 3.494 9.355 3.292 8.969 3.161C8.612 3.039 8.246 2.986 7.87 3.003C7.226 3.031 6.651 3.244 6.145 3.642C5.638 4.041 5.296 4.55 5.117 5.169C5.078 5.304 4.999 5.405 4.88 5.471C4.857 5.484 4.833 5.494 4.809 5.503C4.793 5.504 4.777 5.504 4.761 5.505C4.685 5.508 4.609 5.513 4.534 5.52C4.522 5.517 4.51 5.514 4.498 5.511C4.363 5.472 4.262 5.393 4.197 5.273C4.131 5.154 4.118 5.027 4.157 4.892C4.27 4.499 4.439 4.133 4.664 3.792C4.901 3.434 5.189 3.122 5.526 2.857ZM2.202 13.859C1.814 13.479 1.515 13.037 1.306 12.535C1.114 12.072 1.012 11.589 1.001 11.087C0.99 10.585 1.071 10.098 1.243 9.627C1.43 9.116 1.709 8.662 2.081 8.265C2.453 7.868 2.887 7.56 3.385 7.341C3.844 7.138 4.325 7.026 4.826 7.004C5.328 6.982 5.816 7.052 6.292 7.214C6.806 7.39 7.266 7.659 7.671 8.022C8.076 8.385 8.393 8.813 8.624 9.306C8.74 9.555 8.83 9.811 8.892 10.074C9.013 10.044 9.137 10.023 9.264 10.011C9.673 9.972 10.069 10.031 10.449 10.187C10.83 10.343 11.152 10.579 11.417 10.895C11.652 11.176 11.818 11.494 11.913 11.848C12.009 12.202 12.026 12.56 11.964 12.921C11.895 13.327 11.735 13.693 11.485 14.02C11.235 14.347 10.923 14.596 10.55 14.769C10.217 14.923 9.867 15 9.5 15L5 15C4.498 15 4.013 14.909 3.545 14.726C3.039 14.528 2.591 14.239 2.202 13.859ZM10.691 13.412C10.841 13.216 10.937 12.996 10.979 12.753C11.016 12.536 11.005 12.321 10.948 12.109C10.891 11.896 10.791 11.706 10.65 11.537C10.491 11.348 10.298 11.206 10.07 11.112C9.841 11.019 9.604 10.983 9.358 11.007C9.139 11.028 8.935 11.093 8.744 11.204C8.677 11.244 8.603 11.266 8.525 11.271C8.384 11.28 8.263 11.24 8.161 11.15C8.059 11.061 8.003 10.945 7.994 10.805C7.969 10.429 7.877 10.071 7.718 9.729C7.545 9.36 7.307 9.039 7.003 8.767C6.7 8.494 6.355 8.292 5.969 8.161C5.612 8.039 5.246 7.986 4.87 8.003C4.494 8.019 4.133 8.103 3.789 8.255C3.416 8.42 3.09 8.651 2.811 8.949C2.532 9.247 2.322 9.587 2.182 9.97C2.053 10.324 1.993 10.689 2.001 11.065C2.009 11.442 2.085 11.804 2.23 12.151C2.386 12.528 2.61 12.859 2.902 13.144C3.193 13.429 3.529 13.646 3.909 13.795C4.26 13.932 4.623 14 5 14L9.5 14C9.72 14 9.93 13.954 10.13 13.861C10.354 13.758 10.541 13.608 10.691 13.412Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "clouds" (line-round), MIT. https://gentleface.com/icons/clouds -->
<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="M5.526 2.857C5.864 2.591 6.235 2.385 6.639 2.239C7.022 2.1 7.418 2.021 7.826 2.004C8.328 1.982 8.816 2.052 9.292 2.214C9.806 2.39 10.266 2.659 10.671 3.022C11.076 3.385 11.393 3.813 11.624 4.306C11.74 4.555 11.83 4.811 11.892 5.074C12.013 5.044 12.137 5.023 12.264 5.011C12.673 4.972 13.069 5.031 13.449 5.187C13.83 5.343 14.152 5.579 14.417 5.895C14.652 6.176 14.818 6.494 14.913 6.848C14.985 7.112 15.012 7.381 14.995 7.654C14.977 7.944 14.911 8.222 14.796 8.489C14.681 8.755 14.525 8.995 14.327 9.207C14.14 9.407 13.926 9.572 13.685 9.701C13.561 9.768 13.434 9.782 13.303 9.743C13.173 9.704 13.075 9.622 13.008 9.498C12.941 9.374 12.927 9.247 12.966 9.116C13.005 8.986 13.087 8.888 13.211 8.821C13.518 8.656 13.74 8.413 13.878 8.093C14.016 7.773 14.039 7.445 13.948 7.109C13.891 6.896 13.791 6.706 13.65 6.537C13.491 6.348 13.298 6.206 13.07 6.112C12.841 6.019 12.604 5.983 12.358 6.007C12.139 6.028 11.935 6.093 11.744 6.204C11.677 6.244 11.603 6.266 11.525 6.271C11.384 6.28 11.263 6.24 11.161 6.15C11.059 6.061 11.003 5.945 10.994 5.805C10.969 5.429 10.877 5.071 10.718 4.729C10.545 4.36 10.307 4.039 10.003 3.767C9.7 3.494 9.355 3.292 8.969 3.161C8.612 3.039 8.246 2.986 7.87 3.003C7.226 3.031 6.651 3.244 6.145 3.642C5.638 4.041 5.296 4.55 5.117 5.169C5.078 5.304 4.999 5.405 4.88 5.471C4.857 5.484 4.833 5.494 4.809 5.503C4.793 5.504 4.777 5.504 4.761 5.505C4.685 5.508 4.609 5.513 4.534 5.52C4.522 5.517 4.51 5.514 4.498 5.511C4.363 5.472 4.262 5.393 4.197 5.273C4.131 5.154 4.118 5.027 4.157 4.892C4.27 4.499 4.439 4.133 4.664 3.792C4.901 3.434 5.189 3.122 5.526 2.857ZM2.202 13.859C1.814 13.479 1.515 13.037 1.306 12.535C1.114 12.072 1.012 11.589 1.001 11.087C0.99 10.585 1.071 10.098 1.243 9.627C1.43 9.116 1.709 8.662 2.081 8.265C2.453 7.868 2.887 7.56 3.385 7.341C3.844 7.138 4.325 7.026 4.826 7.004C5.328 6.982 5.816 7.052 6.292 7.214C6.806 7.39 7.266 7.659 7.671 8.022C8.076 8.385 8.393 8.813 8.624 9.306C8.74 9.555 8.83 9.811 8.892 10.074C9.013 10.044 9.137 10.023 9.264 10.011C9.673 9.972 10.069 10.031 10.449 10.187C10.83 10.343 11.152 10.579 11.417 10.895C11.652 11.176 11.818 11.494 11.913 11.848C12.009 12.202 12.026 12.56 11.964 12.921C11.895 13.327 11.735 13.693 11.485 14.02C11.235 14.347 10.923 14.596 10.55 14.769C10.217 14.923 9.867 15 9.5 15L5 15C4.498 15 4.013 14.909 3.545 14.726C3.039 14.528 2.591 14.239 2.202 13.859ZM10.691 13.412C10.841 13.216 10.937 12.996 10.979 12.753C11.016 12.536 11.005 12.321 10.948 12.109C10.891 11.896 10.791 11.706 10.65 11.537C10.491 11.348 10.298 11.206 10.07 11.112C9.841 11.019 9.604 10.983 9.358 11.007C9.139 11.028 8.935 11.093 8.744 11.204C8.677 11.244 8.603 11.266 8.525 11.271C8.384 11.28 8.263 11.24 8.161 11.15C8.059 11.061 8.003 10.945 7.994 10.805C7.969 10.429 7.877 10.071 7.718 9.729C7.545 9.36 7.307 9.039 7.003 8.767C6.7 8.494 6.355 8.292 5.969 8.161C5.612 8.039 5.246 7.986 4.87 8.003C4.494 8.019 4.133 8.103 3.789 8.255C3.416 8.42 3.09 8.651 2.811 8.949C2.532 9.247 2.322 9.587 2.182 9.97C2.053 10.324 1.993 10.689 2.001 11.065C2.009 11.442 2.085 11.804 2.23 12.151C2.386 12.528 2.61 12.859 2.902 13.144C3.193 13.429 3.529 13.646 3.909 13.795C4.26 13.932 4.623 14 5 14L9.5 14C9.72 14 9.93 13.954 10.13 13.861C10.354 13.758 10.541 13.608 10.691 13.412Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "clouds" (line-round), MIT. https://gentleface.com/icons/clouds. 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/clouds.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "clouds" (line-round), MIT. https://gentleface.com/icons/clouds. Takes the text color. */
.icon-clouds {
  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='M5.526 2.857C5.864 2.591 6.235 2.385 6.639 2.239C7.022 2.1 7.418 2.021 7.826 2.004C8.328 1.982 8.816 2.052 9.292 2.214C9.806 2.39 10.266 2.659 10.671 3.022C11.076 3.385 11.393 3.813 11.624 4.306C11.74 4.555 11.83 4.811 11.892 5.074C12.013 5.044 12.137 5.023 12.264 5.011C12.673 4.972 13.069 5.031 13.449 5.187C13.83 5.343 14.152 5.579 14.417 5.895C14.652 6.176 14.818 6.494 14.913 6.848C14.985 7.112 15.012 7.381 14.995 7.654C14.977 7.944 14.911 8.222 14.796 8.489C14.681 8.755 14.525 8.995 14.327 9.207C14.14 9.407 13.926 9.572 13.685 9.701C13.561 9.768 13.434 9.782 13.303 9.743C13.173 9.704 13.075 9.622 13.008 9.498C12.941 9.374 12.927 9.247 12.966 9.116C13.005 8.986 13.087 8.888 13.211 8.821C13.518 8.656 13.74 8.413 13.878 8.093C14.016 7.773 14.039 7.445 13.948 7.109C13.891 6.896 13.791 6.706 13.65 6.537C13.491 6.348 13.298 6.206 13.07 6.112C12.841 6.019 12.604 5.983 12.358 6.007C12.139 6.028 11.935 6.093 11.744 6.204C11.677 6.244 11.603 6.266 11.525 6.271C11.384 6.28 11.263 6.24 11.161 6.15C11.059 6.061 11.003 5.945 10.994 5.805C10.969 5.429 10.877 5.071 10.718 4.729C10.545 4.36 10.307 4.039 10.003 3.767C9.7 3.494 9.355 3.292 8.969 3.161C8.612 3.039 8.246 2.986 7.87 3.003C7.226 3.031 6.651 3.244 6.145 3.642C5.638 4.041 5.296 4.55 5.117 5.169C5.078 5.304 4.999 5.405 4.88 5.471C4.857 5.484 4.833 5.494 4.809 5.503C4.793 5.504 4.777 5.504 4.761 5.505C4.685 5.508 4.609 5.513 4.534 5.52C4.522 5.517 4.51 5.514 4.498 5.511C4.363 5.472 4.262 5.393 4.197 5.273C4.131 5.154 4.118 5.027 4.157 4.892C4.27 4.499 4.439 4.133 4.664 3.792C4.901 3.434 5.189 3.122 5.526 2.857ZM2.202 13.859C1.814 13.479 1.515 13.037 1.306 12.535C1.114 12.072 1.012 11.589 1.001 11.087C0.99 10.585 1.071 10.098 1.243 9.627C1.43 9.116 1.709 8.662 2.081 8.265C2.453 7.868 2.887 7.56 3.385 7.341C3.844 7.138 4.325 7.026 4.826 7.004C5.328 6.982 5.816 7.052 6.292 7.214C6.806 7.39 7.266 7.659 7.671 8.022C8.076 8.385 8.393 8.813 8.624 9.306C8.74 9.555 8.83 9.811 8.892 10.074C9.013 10.044 9.137 10.023 9.264 10.011C9.673 9.972 10.069 10.031 10.449 10.187C10.83 10.343 11.152 10.579 11.417 10.895C11.652 11.176 11.818 11.494 11.913 11.848C12.009 12.202 12.026 12.56 11.964 12.921C11.895 13.327 11.735 13.693 11.485 14.02C11.235 14.347 10.923 14.596 10.55 14.769C10.217 14.923 9.867 15 9.5 15L5 15C4.498 15 4.013 14.909 3.545 14.726C3.039 14.528 2.591 14.239 2.202 13.859ZM10.691 13.412C10.841 13.216 10.937 12.996 10.979 12.753C11.016 12.536 11.005 12.321 10.948 12.109C10.891 11.896 10.791 11.706 10.65 11.537C10.491 11.348 10.298 11.206 10.07 11.112C9.841 11.019 9.604 10.983 9.358 11.007C9.139 11.028 8.935 11.093 8.744 11.204C8.677 11.244 8.603 11.266 8.525 11.271C8.384 11.28 8.263 11.24 8.161 11.15C8.059 11.061 8.003 10.945 7.994 10.805C7.969 10.429 7.877 10.071 7.718 9.729C7.545 9.36 7.307 9.039 7.003 8.767C6.7 8.494 6.355 8.292 5.969 8.161C5.612 8.039 5.246 7.986 4.87 8.003C4.494 8.019 4.133 8.103 3.789 8.255C3.416 8.42 3.09 8.651 2.811 8.949C2.532 9.247 2.322 9.587 2.182 9.97C2.053 10.324 1.993 10.689 2.001 11.065C2.009 11.442 2.085 11.804 2.23 12.151C2.386 12.528 2.61 12.859 2.902 13.144C3.193 13.429 3.529 13.646 3.909 13.795C4.26 13.932 4.623 14 5 14L9.5 14C9.72 14 9.93 13.954 10.13 13.861C10.354 13.758 10.541 13.608 10.691 13.412Z'/%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='M5.526 2.857C5.864 2.591 6.235 2.385 6.639 2.239C7.022 2.1 7.418 2.021 7.826 2.004C8.328 1.982 8.816 2.052 9.292 2.214C9.806 2.39 10.266 2.659 10.671 3.022C11.076 3.385 11.393 3.813 11.624 4.306C11.74 4.555 11.83 4.811 11.892 5.074C12.013 5.044 12.137 5.023 12.264 5.011C12.673 4.972 13.069 5.031 13.449 5.187C13.83 5.343 14.152 5.579 14.417 5.895C14.652 6.176 14.818 6.494 14.913 6.848C14.985 7.112 15.012 7.381 14.995 7.654C14.977 7.944 14.911 8.222 14.796 8.489C14.681 8.755 14.525 8.995 14.327 9.207C14.14 9.407 13.926 9.572 13.685 9.701C13.561 9.768 13.434 9.782 13.303 9.743C13.173 9.704 13.075 9.622 13.008 9.498C12.941 9.374 12.927 9.247 12.966 9.116C13.005 8.986 13.087 8.888 13.211 8.821C13.518 8.656 13.74 8.413 13.878 8.093C14.016 7.773 14.039 7.445 13.948 7.109C13.891 6.896 13.791 6.706 13.65 6.537C13.491 6.348 13.298 6.206 13.07 6.112C12.841 6.019 12.604 5.983 12.358 6.007C12.139 6.028 11.935 6.093 11.744 6.204C11.677 6.244 11.603 6.266 11.525 6.271C11.384 6.28 11.263 6.24 11.161 6.15C11.059 6.061 11.003 5.945 10.994 5.805C10.969 5.429 10.877 5.071 10.718 4.729C10.545 4.36 10.307 4.039 10.003 3.767C9.7 3.494 9.355 3.292 8.969 3.161C8.612 3.039 8.246 2.986 7.87 3.003C7.226 3.031 6.651 3.244 6.145 3.642C5.638 4.041 5.296 4.55 5.117 5.169C5.078 5.304 4.999 5.405 4.88 5.471C4.857 5.484 4.833 5.494 4.809 5.503C4.793 5.504 4.777 5.504 4.761 5.505C4.685 5.508 4.609 5.513 4.534 5.52C4.522 5.517 4.51 5.514 4.498 5.511C4.363 5.472 4.262 5.393 4.197 5.273C4.131 5.154 4.118 5.027 4.157 4.892C4.27 4.499 4.439 4.133 4.664 3.792C4.901 3.434 5.189 3.122 5.526 2.857ZM2.202 13.859C1.814 13.479 1.515 13.037 1.306 12.535C1.114 12.072 1.012 11.589 1.001 11.087C0.99 10.585 1.071 10.098 1.243 9.627C1.43 9.116 1.709 8.662 2.081 8.265C2.453 7.868 2.887 7.56 3.385 7.341C3.844 7.138 4.325 7.026 4.826 7.004C5.328 6.982 5.816 7.052 6.292 7.214C6.806 7.39 7.266 7.659 7.671 8.022C8.076 8.385 8.393 8.813 8.624 9.306C8.74 9.555 8.83 9.811 8.892 10.074C9.013 10.044 9.137 10.023 9.264 10.011C9.673 9.972 10.069 10.031 10.449 10.187C10.83 10.343 11.152 10.579 11.417 10.895C11.652 11.176 11.818 11.494 11.913 11.848C12.009 12.202 12.026 12.56 11.964 12.921C11.895 13.327 11.735 13.693 11.485 14.02C11.235 14.347 10.923 14.596 10.55 14.769C10.217 14.923 9.867 15 9.5 15L5 15C4.498 15 4.013 14.909 3.545 14.726C3.039 14.528 2.591 14.239 2.202 13.859ZM10.691 13.412C10.841 13.216 10.937 12.996 10.979 12.753C11.016 12.536 11.005 12.321 10.948 12.109C10.891 11.896 10.791 11.706 10.65 11.537C10.491 11.348 10.298 11.206 10.07 11.112C9.841 11.019 9.604 10.983 9.358 11.007C9.139 11.028 8.935 11.093 8.744 11.204C8.677 11.244 8.603 11.266 8.525 11.271C8.384 11.28 8.263 11.24 8.161 11.15C8.059 11.061 8.003 10.945 7.994 10.805C7.969 10.429 7.877 10.071 7.718 9.729C7.545 9.36 7.307 9.039 7.003 8.767C6.7 8.494 6.355 8.292 5.969 8.161C5.612 8.039 5.246 7.986 4.87 8.003C4.494 8.019 4.133 8.103 3.789 8.255C3.416 8.42 3.09 8.651 2.811 8.949C2.532 9.247 2.322 9.587 2.182 9.97C2.053 10.324 1.993 10.689 2.001 11.065C2.009 11.442 2.085 11.804 2.23 12.151C2.386 12.528 2.61 12.859 2.902 13.144C3.193 13.429 3.529 13.646 3.909 13.795C4.26 13.932 4.623 14 5 14L9.5 14C9.72 14 9.93 13.954 10.13 13.861C10.354 13.758 10.541 13.608 10.691 13.412Z'/%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='M5.526 2.857C5.864 2.591 6.235 2.385 6.639 2.239C7.022 2.1 7.418 2.021 7.826 2.004C8.328 1.982 8.816 2.052 9.292 2.214C9.806 2.39 10.266 2.659 10.671 3.022C11.076 3.385 11.393 3.813 11.624 4.306C11.74 4.555 11.83 4.811 11.892 5.074C12.013 5.044 12.137 5.023 12.264 5.011C12.673 4.972 13.069 5.031 13.449 5.187C13.83 5.343 14.152 5.579 14.417 5.895C14.652 6.176 14.818 6.494 14.913 6.848C14.985 7.112 15.012 7.381 14.995 7.654C14.977 7.944 14.911 8.222 14.796 8.489C14.681 8.755 14.525 8.995 14.327 9.207C14.14 9.407 13.926 9.572 13.685 9.701C13.561 9.768 13.434 9.782 13.303 9.743C13.173 9.704 13.075 9.622 13.008 9.498C12.941 9.374 12.927 9.247 12.966 9.116C13.005 8.986 13.087 8.888 13.211 8.821C13.518 8.656 13.74 8.413 13.878 8.093C14.016 7.773 14.039 7.445 13.948 7.109C13.891 6.896 13.791 6.706 13.65 6.537C13.491 6.348 13.298 6.206 13.07 6.112C12.841 6.019 12.604 5.983 12.358 6.007C12.139 6.028 11.935 6.093 11.744 6.204C11.677 6.244 11.603 6.266 11.525 6.271C11.384 6.28 11.263 6.24 11.161 6.15C11.059 6.061 11.003 5.945 10.994 5.805C10.969 5.429 10.877 5.071 10.718 4.729C10.545 4.36 10.307 4.039 10.003 3.767C9.7 3.494 9.355 3.292 8.969 3.161C8.612 3.039 8.246 2.986 7.87 3.003C7.226 3.031 6.651 3.244 6.145 3.642C5.638 4.041 5.296 4.55 5.117 5.169C5.078 5.304 4.999 5.405 4.88 5.471C4.857 5.484 4.833 5.494 4.809 5.503C4.793 5.504 4.777 5.504 4.761 5.505C4.685 5.508 4.609 5.513 4.534 5.52C4.522 5.517 4.51 5.514 4.498 5.511C4.363 5.472 4.262 5.393 4.197 5.273C4.131 5.154 4.118 5.027 4.157 4.892C4.27 4.499 4.439 4.133 4.664 3.792C4.901 3.434 5.189 3.122 5.526 2.857ZM2.202 13.859C1.814 13.479 1.515 13.037 1.306 12.535C1.114 12.072 1.012 11.589 1.001 11.087C0.99 10.585 1.071 10.098 1.243 9.627C1.43 9.116 1.709 8.662 2.081 8.265C2.453 7.868 2.887 7.56 3.385 7.341C3.844 7.138 4.325 7.026 4.826 7.004C5.328 6.982 5.816 7.052 6.292 7.214C6.806 7.39 7.266 7.659 7.671 8.022C8.076 8.385 8.393 8.813 8.624 9.306C8.74 9.555 8.83 9.811 8.892 10.074C9.013 10.044 9.137 10.023 9.264 10.011C9.673 9.972 10.069 10.031 10.449 10.187C10.83 10.343 11.152 10.579 11.417 10.895C11.652 11.176 11.818 11.494 11.913 11.848C12.009 12.202 12.026 12.56 11.964 12.921C11.895 13.327 11.735 13.693 11.485 14.02C11.235 14.347 10.923 14.596 10.55 14.769C10.217 14.923 9.867 15 9.5 15L5 15C4.498 15 4.013 14.909 3.545 14.726C3.039 14.528 2.591 14.239 2.202 13.859ZM10.691 13.412C10.841 13.216 10.937 12.996 10.979 12.753C11.016 12.536 11.005 12.321 10.948 12.109C10.891 11.896 10.791 11.706 10.65 11.537C10.491 11.348 10.298 11.206 10.07 11.112C9.841 11.019 9.604 10.983 9.358 11.007C9.139 11.028 8.935 11.093 8.744 11.204C8.677 11.244 8.603 11.266 8.525 11.271C8.384 11.28 8.263 11.24 8.161 11.15C8.059 11.061 8.003 10.945 7.994 10.805C7.969 10.429 7.877 10.071 7.718 9.729C7.545 9.36 7.307 9.039 7.003 8.767C6.7 8.494 6.355 8.292 5.969 8.161C5.612 8.039 5.246 7.986 4.87 8.003C4.494 8.019 4.133 8.103 3.789 8.255C3.416 8.42 3.09 8.651 2.811 8.949C2.532 9.247 2.322 9.587 2.182 9.97C2.053 10.324 1.993 10.689 2.001 11.065C2.009 11.442 2.085 11.804 2.23 12.151C2.386 12.528 2.61 12.859 2.902 13.144C3.193 13.429 3.529 13.646 3.909 13.795C4.26 13.932 4.623 14 5 14L9.5 14C9.72 14 9.93 13.954 10.13 13.861C10.354 13.758 10.541 13.608 10.691 13.412Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "clouds" (line-round), MIT. https://gentleface.com/icons/clouds
     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#clouds"/></svg>
```

### SwiftUI

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

struct CloudsIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 5.526, y: 2.857))
        p.addCurve(to: CGPoint(x: 6.639, y: 2.239), control1: CGPoint(x: 5.864, y: 2.591), control2: CGPoint(x: 6.235, y: 2.385))
        p.addCurve(to: CGPoint(x: 7.826, y: 2.004), control1: CGPoint(x: 7.022, y: 2.1), control2: CGPoint(x: 7.418, y: 2.021))
        p.addCurve(to: CGPoint(x: 9.292, y: 2.214), control1: CGPoint(x: 8.328, y: 1.982), control2: CGPoint(x: 8.816, y: 2.052))
        p.addCurve(to: CGPoint(x: 10.671, y: 3.022), control1: CGPoint(x: 9.806, y: 2.39), control2: CGPoint(x: 10.266, y: 2.659))
        p.addCurve(to: CGPoint(x: 11.624, y: 4.306), control1: CGPoint(x: 11.076, y: 3.385), control2: CGPoint(x: 11.393, y: 3.813))
        p.addCurve(to: CGPoint(x: 11.892, y: 5.074), control1: CGPoint(x: 11.74, y: 4.555), control2: CGPoint(x: 11.83, y: 4.811))
        p.addCurve(to: CGPoint(x: 12.264, y: 5.011), control1: CGPoint(x: 12.013, y: 5.044), control2: CGPoint(x: 12.137, y: 5.023))
        p.addCurve(to: CGPoint(x: 13.449, y: 5.187), control1: CGPoint(x: 12.673, y: 4.972), control2: CGPoint(x: 13.069, y: 5.031))
        p.addCurve(to: CGPoint(x: 14.417, y: 5.895), control1: CGPoint(x: 13.83, y: 5.343), control2: CGPoint(x: 14.152, y: 5.579))
        p.addCurve(to: CGPoint(x: 14.913, y: 6.848), control1: CGPoint(x: 14.652, y: 6.176), control2: CGPoint(x: 14.818, y: 6.494))
        p.addCurve(to: CGPoint(x: 14.995, y: 7.654), control1: CGPoint(x: 14.985, y: 7.112), control2: CGPoint(x: 15.012, y: 7.381))
        p.addCurve(to: CGPoint(x: 14.796, y: 8.489), control1: CGPoint(x: 14.977, y: 7.944), control2: CGPoint(x: 14.911, y: 8.222))
        p.addCurve(to: CGPoint(x: 14.327, y: 9.207), control1: CGPoint(x: 14.681, y: 8.755), control2: CGPoint(x: 14.525, y: 8.995))
        p.addCurve(to: CGPoint(x: 13.685, y: 9.701), control1: CGPoint(x: 14.14, y: 9.407), control2: CGPoint(x: 13.926, y: 9.572))
        p.addCurve(to: CGPoint(x: 13.303, y: 9.743), control1: CGPoint(x: 13.561, y: 9.768), control2: CGPoint(x: 13.434, y: 9.782))
        p.addCurve(to: CGPoint(x: 13.008, y: 9.498), control1: CGPoint(x: 13.173, y: 9.704), control2: CGPoint(x: 13.075, y: 9.622))
        p.addCurve(to: CGPoint(x: 12.966, y: 9.116), control1: CGPoint(x: 12.941, y: 9.374), control2: CGPoint(x: 12.927, y: 9.247))
        p.addCurve(to: CGPoint(x: 13.211, y: 8.821), control1: CGPoint(x: 13.005, y: 8.986), control2: CGPoint(x: 13.087, y: 8.888))
        p.addCurve(to: CGPoint(x: 13.878, y: 8.093), control1: CGPoint(x: 13.518, y: 8.656), control2: CGPoint(x: 13.74, y: 8.413))
        p.addCurve(to: CGPoint(x: 13.948, y: 7.109), control1: CGPoint(x: 14.016, y: 7.773), control2: CGPoint(x: 14.039, y: 7.445))
        p.addCurve(to: CGPoint(x: 13.65, y: 6.537), control1: CGPoint(x: 13.891, y: 6.896), control2: CGPoint(x: 13.791, y: 6.706))
        p.addCurve(to: CGPoint(x: 13.07, y: 6.112), control1: CGPoint(x: 13.491, y: 6.348), control2: CGPoint(x: 13.298, y: 6.206))
        p.addCurve(to: CGPoint(x: 12.358, y: 6.007), control1: CGPoint(x: 12.841, y: 6.019), control2: CGPoint(x: 12.604, y: 5.983))
        p.addCurve(to: CGPoint(x: 11.744, y: 6.204), control1: CGPoint(x: 12.139, y: 6.028), control2: CGPoint(x: 11.935, y: 6.093))
        p.addCurve(to: CGPoint(x: 11.525, y: 6.271), control1: CGPoint(x: 11.677, y: 6.244), control2: CGPoint(x: 11.603, y: 6.266))
        p.addCurve(to: CGPoint(x: 11.161, y: 6.15), control1: CGPoint(x: 11.384, y: 6.28), control2: CGPoint(x: 11.263, y: 6.24))
        p.addCurve(to: CGPoint(x: 10.994, y: 5.805), control1: CGPoint(x: 11.059, y: 6.061), control2: CGPoint(x: 11.003, y: 5.945))
        p.addCurve(to: CGPoint(x: 10.718, y: 4.729), control1: CGPoint(x: 10.969, y: 5.429), control2: CGPoint(x: 10.877, y: 5.071))
        p.addCurve(to: CGPoint(x: 10.003, y: 3.767), control1: CGPoint(x: 10.545, y: 4.36), control2: CGPoint(x: 10.307, y: 4.039))
        p.addCurve(to: CGPoint(x: 8.969, y: 3.161), control1: CGPoint(x: 9.7, y: 3.494), control2: CGPoint(x: 9.355, y: 3.292))
        p.addCurve(to: CGPoint(x: 7.87, y: 3.003), control1: CGPoint(x: 8.612, y: 3.039), control2: CGPoint(x: 8.246, y: 2.986))
        p.addCurve(to: CGPoint(x: 6.145, y: 3.642), control1: CGPoint(x: 7.226, y: 3.031), control2: CGPoint(x: 6.651, y: 3.244))
        p.addCurve(to: CGPoint(x: 5.117, y: 5.169), control1: CGPoint(x: 5.638, y: 4.041), control2: CGPoint(x: 5.296, y: 4.55))
        p.addCurve(to: CGPoint(x: 4.88, y: 5.471), control1: CGPoint(x: 5.078, y: 5.304), control2: CGPoint(x: 4.999, y: 5.405))
        p.addCurve(to: CGPoint(x: 4.809, y: 5.503), control1: CGPoint(x: 4.857, y: 5.484), control2: CGPoint(x: 4.833, y: 5.494))
        p.addCurve(to: CGPoint(x: 4.761, y: 5.505), control1: CGPoint(x: 4.793, y: 5.504), control2: CGPoint(x: 4.777, y: 5.504))
        p.addCurve(to: CGPoint(x: 4.534, y: 5.52), control1: CGPoint(x: 4.685, y: 5.508), control2: CGPoint(x: 4.609, y: 5.513))
        p.addCurve(to: CGPoint(x: 4.498, y: 5.511), control1: CGPoint(x: 4.522, y: 5.517), control2: CGPoint(x: 4.51, y: 5.514))
        p.addCurve(to: CGPoint(x: 4.197, y: 5.273), control1: CGPoint(x: 4.363, y: 5.472), control2: CGPoint(x: 4.262, y: 5.393))
        p.addCurve(to: CGPoint(x: 4.157, y: 4.892), control1: CGPoint(x: 4.131, y: 5.154), control2: CGPoint(x: 4.118, y: 5.027))
        p.addCurve(to: CGPoint(x: 4.664, y: 3.792), control1: CGPoint(x: 4.27, y: 4.499), control2: CGPoint(x: 4.439, y: 4.133))
        p.addCurve(to: CGPoint(x: 5.526, y: 2.857), control1: CGPoint(x: 4.901, y: 3.434), control2: CGPoint(x: 5.189, y: 3.122))
        p.closeSubpath()
        p.move(to: CGPoint(x: 2.202, y: 13.859))
        p.addCurve(to: CGPoint(x: 1.306, y: 12.535), control1: CGPoint(x: 1.814, y: 13.479), control2: CGPoint(x: 1.515, y: 13.037))
        p.addCurve(to: CGPoint(x: 1.001, y: 11.087), control1: CGPoint(x: 1.114, y: 12.072), control2: CGPoint(x: 1.012, y: 11.589))
        p.addCurve(to: CGPoint(x: 1.243, y: 9.627), control1: CGPoint(x: 0.99, y: 10.585), control2: CGPoint(x: 1.071, y: 10.098))
        p.addCurve(to: CGPoint(x: 2.081, y: 8.265), control1: CGPoint(x: 1.43, y: 9.116), control2: CGPoint(x: 1.709, y: 8.662))
        p.addCurve(to: CGPoint(x: 3.385, y: 7.341), control1: CGPoint(x: 2.453, y: 7.868), control2: CGPoint(x: 2.887, y: 7.56))
        p.addCurve(to: CGPoint(x: 4.826, y: 7.004), control1: CGPoint(x: 3.844, y: 7.138), control2: CGPoint(x: 4.325, y: 7.026))
        p.addCurve(to: CGPoint(x: 6.292, y: 7.214), control1: CGPoint(x: 5.328, y: 6.982), control2: CGPoint(x: 5.816, y: 7.052))
        p.addCurve(to: CGPoint(x: 7.671, y: 8.022), control1: CGPoint(x: 6.806, y: 7.39), control2: CGPoint(x: 7.266, y: 7.659))
        p.addCurve(to: CGPoint(x: 8.624, y: 9.306), control1: CGPoint(x: 8.076, y: 8.385), control2: CGPoint(x: 8.393, y: 8.813))
        p.addCurve(to: CGPoint(x: 8.892, y: 10.074), control1: CGPoint(x: 8.74, y: 9.555), control2: CGPoint(x: 8.83, y: 9.811))
        p.addCurve(to: CGPoint(x: 9.264, y: 10.011), control1: CGPoint(x: 9.013, y: 10.044), control2: CGPoint(x: 9.137, y: 10.023))
        p.addCurve(to: CGPoint(x: 10.449, y: 10.187), control1: CGPoint(x: 9.673, y: 9.972), control2: CGPoint(x: 10.069, y: 10.031))
        p.addCurve(to: CGPoint(x: 11.417, y: 10.895), control1: CGPoint(x: 10.83, y: 10.343), control2: CGPoint(x: 11.152, y: 10.579))
        p.addCurve(to: CGPoint(x: 11.913, y: 11.848), control1: CGPoint(x: 11.652, y: 11.176), control2: CGPoint(x: 11.818, y: 11.494))
        p.addCurve(to: CGPoint(x: 11.964, y: 12.921), control1: CGPoint(x: 12.009, y: 12.202), control2: CGPoint(x: 12.026, y: 12.56))
        p.addCurve(to: CGPoint(x: 11.485, y: 14.02), control1: CGPoint(x: 11.895, y: 13.327), control2: CGPoint(x: 11.735, y: 13.693))
        p.addCurve(to: CGPoint(x: 10.55, y: 14.769), control1: CGPoint(x: 11.235, y: 14.347), control2: CGPoint(x: 10.923, y: 14.596))
        p.addCurve(to: CGPoint(x: 9.5, y: 15), control1: CGPoint(x: 10.217, y: 14.923), control2: CGPoint(x: 9.867, y: 15))
        p.addLine(to: CGPoint(x: 5, y: 15))
        p.addCurve(to: CGPoint(x: 3.545, y: 14.726), control1: CGPoint(x: 4.498, y: 15), control2: CGPoint(x: 4.013, y: 14.909))
        p.addCurve(to: CGPoint(x: 2.202, y: 13.859), control1: CGPoint(x: 3.039, y: 14.528), control2: CGPoint(x: 2.591, y: 14.239))
        p.closeSubpath()
        p.move(to: CGPoint(x: 10.691, y: 13.412))
        p.addCurve(to: CGPoint(x: 10.979, y: 12.753), control1: CGPoint(x: 10.841, y: 13.216), control2: CGPoint(x: 10.937, y: 12.996))
        p.addCurve(to: CGPoint(x: 10.948, y: 12.109), control1: CGPoint(x: 11.016, y: 12.536), control2: CGPoint(x: 11.005, y: 12.321))
        p.addCurve(to: CGPoint(x: 10.65, y: 11.537), control1: CGPoint(x: 10.891, y: 11.896), control2: CGPoint(x: 10.791, y: 11.706))
        p.addCurve(to: CGPoint(x: 10.07, y: 11.112), control1: CGPoint(x: 10.491, y: 11.348), control2: CGPoint(x: 10.298, y: 11.206))
        p.addCurve(to: CGPoint(x: 9.358, y: 11.007), control1: CGPoint(x: 9.841, y: 11.019), control2: CGPoint(x: 9.604, y: 10.983))
        p.addCurve(to: CGPoint(x: 8.744, y: 11.204), control1: CGPoint(x: 9.139, y: 11.028), control2: CGPoint(x: 8.935, y: 11.093))
        p.addCurve(to: CGPoint(x: 8.525, y: 11.271), control1: CGPoint(x: 8.677, y: 11.244), control2: CGPoint(x: 8.603, y: 11.266))
        p.addCurve(to: CGPoint(x: 8.161, y: 11.15), control1: CGPoint(x: 8.384, y: 11.28), control2: CGPoint(x: 8.263, y: 11.24))
        p.addCurve(to: CGPoint(x: 7.994, y: 10.805), control1: CGPoint(x: 8.059, y: 11.061), control2: CGPoint(x: 8.003, y: 10.945))
        p.addCurve(to: CGPoint(x: 7.718, y: 9.729), control1: CGPoint(x: 7.969, y: 10.429), control2: CGPoint(x: 7.877, y: 10.071))
        p.addCurve(to: CGPoint(x: 7.003, y: 8.767), control1: CGPoint(x: 7.545, y: 9.36), control2: CGPoint(x: 7.307, y: 9.039))
        p.addCurve(to: CGPoint(x: 5.969, y: 8.161), control1: CGPoint(x: 6.7, y: 8.494), control2: CGPoint(x: 6.355, y: 8.292))
        p.addCurve(to: CGPoint(x: 4.87, y: 8.003), control1: CGPoint(x: 5.612, y: 8.039), control2: CGPoint(x: 5.246, y: 7.986))
        p.addCurve(to: CGPoint(x: 3.789, y: 8.255), control1: CGPoint(x: 4.494, y: 8.019), control2: CGPoint(x: 4.133, y: 8.103))
        p.addCurve(to: CGPoint(x: 2.811, y: 8.949), control1: CGPoint(x: 3.416, y: 8.42), control2: CGPoint(x: 3.09, y: 8.651))
        p.addCurve(to: CGPoint(x: 2.182, y: 9.97), control1: CGPoint(x: 2.532, y: 9.247), control2: CGPoint(x: 2.322, y: 9.587))
        p.addCurve(to: CGPoint(x: 2.001, y: 11.065), control1: CGPoint(x: 2.053, y: 10.324), control2: CGPoint(x: 1.993, y: 10.689))
        p.addCurve(to: CGPoint(x: 2.23, y: 12.151), control1: CGPoint(x: 2.009, y: 11.442), control2: CGPoint(x: 2.085, y: 11.804))
        p.addCurve(to: CGPoint(x: 2.902, y: 13.144), control1: CGPoint(x: 2.386, y: 12.528), control2: CGPoint(x: 2.61, y: 12.859))
        p.addCurve(to: CGPoint(x: 3.909, y: 13.795), control1: CGPoint(x: 3.193, y: 13.429), control2: CGPoint(x: 3.529, y: 13.646))
        p.addCurve(to: CGPoint(x: 5, y: 14), control1: CGPoint(x: 4.26, y: 13.932), control2: CGPoint(x: 4.623, y: 14))
        p.addLine(to: CGPoint(x: 9.5, y: 14))
        p.addCurve(to: CGPoint(x: 10.13, y: 13.861), control1: CGPoint(x: 9.72, y: 14), control2: CGPoint(x: 9.93, y: 13.954))
        p.addCurve(to: CGPoint(x: 10.691, y: 13.412), control1: CGPoint(x: 10.354, y: 13.758), control2: CGPoint(x: 10.541, y: 13.608))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "clouds" (line-round), MIT. https://gentleface.com/icons/clouds
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 CloudsIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "clouds", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M5.526 2.857C5.864 2.591 6.235 2.385 6.639 2.239C7.022 2.1 7.418 2.021 7.826 2.004C8.328 1.982 8.816 2.052 9.292 2.214C9.806 2.39 10.266 2.659 10.671 3.022C11.076 3.385 11.393 3.813 11.624 4.306C11.74 4.555 11.83 4.811 11.892 5.074C12.013 5.044 12.137 5.023 12.264 5.011C12.673 4.972 13.069 5.031 13.449 5.187C13.83 5.343 14.152 5.579 14.417 5.895C14.652 6.176 14.818 6.494 14.913 6.848C14.985 7.112 15.012 7.381 14.995 7.654C14.977 7.944 14.911 8.222 14.796 8.489C14.681 8.755 14.525 8.995 14.327 9.207C14.14 9.407 13.926 9.572 13.685 9.701C13.561 9.768 13.434 9.782 13.303 9.743C13.173 9.704 13.075 9.622 13.008 9.498C12.941 9.374 12.927 9.247 12.966 9.116C13.005 8.986 13.087 8.888 13.211 8.821C13.518 8.656 13.74 8.413 13.878 8.093C14.016 7.773 14.039 7.445 13.948 7.109C13.891 6.896 13.791 6.706 13.65 6.537C13.491 6.348 13.298 6.206 13.07 6.112C12.841 6.019 12.604 5.983 12.358 6.007C12.139 6.028 11.935 6.093 11.744 6.204C11.677 6.244 11.603 6.266 11.525 6.271C11.384 6.28 11.263 6.24 11.161 6.15C11.059 6.061 11.003 5.945 10.994 5.805C10.969 5.429 10.877 5.071 10.718 4.729C10.545 4.36 10.307 4.039 10.003 3.767C9.7 3.494 9.355 3.292 8.969 3.161C8.612 3.039 8.246 2.986 7.87 3.003C7.226 3.031 6.651 3.244 6.145 3.642C5.638 4.041 5.296 4.55 5.117 5.169C5.078 5.304 4.999 5.405 4.88 5.471C4.857 5.484 4.833 5.494 4.809 5.503C4.793 5.504 4.777 5.504 4.761 5.505C4.685 5.508 4.609 5.513 4.534 5.52C4.522 5.517 4.51 5.514 4.498 5.511C4.363 5.472 4.262 5.393 4.197 5.273C4.131 5.154 4.118 5.027 4.157 4.892C4.27 4.499 4.439 4.133 4.664 3.792C4.901 3.434 5.189 3.122 5.526 2.857ZM2.202 13.859C1.814 13.479 1.515 13.037 1.306 12.535C1.114 12.072 1.012 11.589 1.001 11.087C0.99 10.585 1.071 10.098 1.243 9.627C1.43 9.116 1.709 8.662 2.081 8.265C2.453 7.868 2.887 7.56 3.385 7.341C3.844 7.138 4.325 7.026 4.826 7.004C5.328 6.982 5.816 7.052 6.292 7.214C6.806 7.39 7.266 7.659 7.671 8.022C8.076 8.385 8.393 8.813 8.624 9.306C8.74 9.555 8.83 9.811 8.892 10.074C9.013 10.044 9.137 10.023 9.264 10.011C9.673 9.972 10.069 10.031 10.449 10.187C10.83 10.343 11.152 10.579 11.417 10.895C11.652 11.176 11.818 11.494 11.913 11.848C12.009 12.202 12.026 12.56 11.964 12.921C11.895 13.327 11.735 13.693 11.485 14.02C11.235 14.347 10.923 14.596 10.55 14.769C10.217 14.923 9.867 15 9.5 15L5 15C4.498 15 4.013 14.909 3.545 14.726C3.039 14.528 2.591 14.239 2.202 13.859ZM10.691 13.412C10.841 13.216 10.937 12.996 10.979 12.753C11.016 12.536 11.005 12.321 10.948 12.109C10.891 11.896 10.791 11.706 10.65 11.537C10.491 11.348 10.298 11.206 10.07 11.112C9.841 11.019 9.604 10.983 9.358 11.007C9.139 11.028 8.935 11.093 8.744 11.204C8.677 11.244 8.603 11.266 8.525 11.271C8.384 11.28 8.263 11.24 8.161 11.15C8.059 11.061 8.003 10.945 7.994 10.805C7.969 10.429 7.877 10.071 7.718 9.729C7.545 9.36 7.307 9.039 7.003 8.767C6.7 8.494 6.355 8.292 5.969 8.161C5.612 8.039 5.246 7.986 4.87 8.003C4.494 8.019 4.133 8.103 3.789 8.255C3.416 8.42 3.09 8.651 2.811 8.949C2.532 9.247 2.322 9.587 2.182 9.97C2.053 10.324 1.993 10.689 2.001 11.065C2.009 11.442 2.085 11.804 2.23 12.151C2.386 12.528 2.61 12.859 2.902 13.144C3.193 13.429 3.529 13.646 3.909 13.795C4.26 13.932 4.623 14 5 14L9.5 14C9.72 14 9.93 13.954 10.13 13.861C10.354 13.758 10.541 13.608 10.691 13.412Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_clouds.xml · Gentleface "clouds" (line-round), MIT. https://gentleface.com/icons/clouds -->
<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="M5.526 2.857C5.864 2.591 6.235 2.385 6.639 2.239C7.022 2.1 7.418 2.021 7.826 2.004C8.328 1.982 8.816 2.052 9.292 2.214C9.806 2.39 10.266 2.659 10.671 3.022C11.076 3.385 11.393 3.813 11.624 4.306C11.74 4.555 11.83 4.811 11.892 5.074C12.013 5.044 12.137 5.023 12.264 5.011C12.673 4.972 13.069 5.031 13.449 5.187C13.83 5.343 14.152 5.579 14.417 5.895C14.652 6.176 14.818 6.494 14.913 6.848C14.985 7.112 15.012 7.381 14.995 7.654C14.977 7.944 14.911 8.222 14.796 8.489C14.681 8.755 14.525 8.995 14.327 9.207C14.14 9.407 13.926 9.572 13.685 9.701C13.561 9.768 13.434 9.782 13.303 9.743C13.173 9.704 13.075 9.622 13.008 9.498C12.941 9.374 12.927 9.247 12.966 9.116C13.005 8.986 13.087 8.888 13.211 8.821C13.518 8.656 13.74 8.413 13.878 8.093C14.016 7.773 14.039 7.445 13.948 7.109C13.891 6.896 13.791 6.706 13.65 6.537C13.491 6.348 13.298 6.206 13.07 6.112C12.841 6.019 12.604 5.983 12.358 6.007C12.139 6.028 11.935 6.093 11.744 6.204C11.677 6.244 11.603 6.266 11.525 6.271C11.384 6.28 11.263 6.24 11.161 6.15C11.059 6.061 11.003 5.945 10.994 5.805C10.969 5.429 10.877 5.071 10.718 4.729C10.545 4.36 10.307 4.039 10.003 3.767C9.7 3.494 9.355 3.292 8.969 3.161C8.612 3.039 8.246 2.986 7.87 3.003C7.226 3.031 6.651 3.244 6.145 3.642C5.638 4.041 5.296 4.55 5.117 5.169C5.078 5.304 4.999 5.405 4.88 5.471C4.857 5.484 4.833 5.494 4.809 5.503C4.793 5.504 4.777 5.504 4.761 5.505C4.685 5.508 4.609 5.513 4.534 5.52C4.522 5.517 4.51 5.514 4.498 5.511C4.363 5.472 4.262 5.393 4.197 5.273C4.131 5.154 4.118 5.027 4.157 4.892C4.27 4.499 4.439 4.133 4.664 3.792C4.901 3.434 5.189 3.122 5.526 2.857ZM2.202 13.859C1.814 13.479 1.515 13.037 1.306 12.535C1.114 12.072 1.012 11.589 1.001 11.087C0.99 10.585 1.071 10.098 1.243 9.627C1.43 9.116 1.709 8.662 2.081 8.265C2.453 7.868 2.887 7.56 3.385 7.341C3.844 7.138 4.325 7.026 4.826 7.004C5.328 6.982 5.816 7.052 6.292 7.214C6.806 7.39 7.266 7.659 7.671 8.022C8.076 8.385 8.393 8.813 8.624 9.306C8.74 9.555 8.83 9.811 8.892 10.074C9.013 10.044 9.137 10.023 9.264 10.011C9.673 9.972 10.069 10.031 10.449 10.187C10.83 10.343 11.152 10.579 11.417 10.895C11.652 11.176 11.818 11.494 11.913 11.848C12.009 12.202 12.026 12.56 11.964 12.921C11.895 13.327 11.735 13.693 11.485 14.02C11.235 14.347 10.923 14.596 10.55 14.769C10.217 14.923 9.867 15 9.5 15L5 15C4.498 15 4.013 14.909 3.545 14.726C3.039 14.528 2.591 14.239 2.202 13.859ZM10.691 13.412C10.841 13.216 10.937 12.996 10.979 12.753C11.016 12.536 11.005 12.321 10.948 12.109C10.891 11.896 10.791 11.706 10.65 11.537C10.491 11.348 10.298 11.206 10.07 11.112C9.841 11.019 9.604 10.983 9.358 11.007C9.139 11.028 8.935 11.093 8.744 11.204C8.677 11.244 8.603 11.266 8.525 11.271C8.384 11.28 8.263 11.24 8.161 11.15C8.059 11.061 8.003 10.945 7.994 10.805C7.969 10.429 7.877 10.071 7.718 9.729C7.545 9.36 7.307 9.039 7.003 8.767C6.7 8.494 6.355 8.292 5.969 8.161C5.612 8.039 5.246 7.986 4.87 8.003C4.494 8.019 4.133 8.103 3.789 8.255C3.416 8.42 3.09 8.651 2.811 8.949C2.532 9.247 2.322 9.587 2.182 9.97C2.053 10.324 1.993 10.689 2.001 11.065C2.009 11.442 2.085 11.804 2.23 12.151C2.386 12.528 2.61 12.859 2.902 13.144C3.193 13.429 3.529 13.646 3.909 13.795C4.26 13.932 4.623 14 5 14L9.5 14C9.72 14 9.93 13.954 10.13 13.861C10.354 13.758 10.541 13.608 10.691 13.412Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(5.526, 2.857)
      ..cubicTo(5.864, 2.591, 6.235, 2.385, 6.639, 2.239)
      ..cubicTo(7.022, 2.1, 7.418, 2.021, 7.826, 2.004)
      ..cubicTo(8.328, 1.982, 8.816, 2.052, 9.292, 2.214)
      ..cubicTo(9.806, 2.39, 10.266, 2.659, 10.671, 3.022)
      ..cubicTo(11.076, 3.385, 11.393, 3.813, 11.624, 4.306)
      ..cubicTo(11.74, 4.555, 11.83, 4.811, 11.892, 5.074)
      ..cubicTo(12.013, 5.044, 12.137, 5.023, 12.264, 5.011)
      ..cubicTo(12.673, 4.972, 13.069, 5.031, 13.449, 5.187)
      ..cubicTo(13.83, 5.343, 14.152, 5.579, 14.417, 5.895)
      ..cubicTo(14.652, 6.176, 14.818, 6.494, 14.913, 6.848)
      ..cubicTo(14.985, 7.112, 15.012, 7.381, 14.995, 7.654)
      ..cubicTo(14.977, 7.944, 14.911, 8.222, 14.796, 8.489)
      ..cubicTo(14.681, 8.755, 14.525, 8.995, 14.327, 9.207)
      ..cubicTo(14.14, 9.407, 13.926, 9.572, 13.685, 9.701)
      ..cubicTo(13.561, 9.768, 13.434, 9.782, 13.303, 9.743)
      ..cubicTo(13.173, 9.704, 13.075, 9.622, 13.008, 9.498)
      ..cubicTo(12.941, 9.374, 12.927, 9.247, 12.966, 9.116)
      ..cubicTo(13.005, 8.986, 13.087, 8.888, 13.211, 8.821)
      ..cubicTo(13.518, 8.656, 13.74, 8.413, 13.878, 8.093)
      ..cubicTo(14.016, 7.773, 14.039, 7.445, 13.948, 7.109)
      ..cubicTo(13.891, 6.896, 13.791, 6.706, 13.65, 6.537)
      ..cubicTo(13.491, 6.348, 13.298, 6.206, 13.07, 6.112)
      ..cubicTo(12.841, 6.019, 12.604, 5.983, 12.358, 6.007)
      ..cubicTo(12.139, 6.028, 11.935, 6.093, 11.744, 6.204)
      ..cubicTo(11.677, 6.244, 11.603, 6.266, 11.525, 6.271)
      ..cubicTo(11.384, 6.28, 11.263, 6.24, 11.161, 6.15)
      ..cubicTo(11.059, 6.061, 11.003, 5.945, 10.994, 5.805)
      ..cubicTo(10.969, 5.429, 10.877, 5.071, 10.718, 4.729)
      ..cubicTo(10.545, 4.36, 10.307, 4.039, 10.003, 3.767)
      ..cubicTo(9.7, 3.494, 9.355, 3.292, 8.969, 3.161)
      ..cubicTo(8.612, 3.039, 8.246, 2.986, 7.87, 3.003)
      ..cubicTo(7.226, 3.031, 6.651, 3.244, 6.145, 3.642)
      ..cubicTo(5.638, 4.041, 5.296, 4.55, 5.117, 5.169)
      ..cubicTo(5.078, 5.304, 4.999, 5.405, 4.88, 5.471)
      ..cubicTo(4.857, 5.484, 4.833, 5.494, 4.809, 5.503)
      ..cubicTo(4.793, 5.504, 4.777, 5.504, 4.761, 5.505)
      ..cubicTo(4.685, 5.508, 4.609, 5.513, 4.534, 5.52)
      ..cubicTo(4.522, 5.517, 4.51, 5.514, 4.498, 5.511)
      ..cubicTo(4.363, 5.472, 4.262, 5.393, 4.197, 5.273)
      ..cubicTo(4.131, 5.154, 4.118, 5.027, 4.157, 4.892)
      ..cubicTo(4.27, 4.499, 4.439, 4.133, 4.664, 3.792)
      ..cubicTo(4.901, 3.434, 5.189, 3.122, 5.526, 2.857)
      ..close()
      ..moveTo(2.202, 13.859)
      ..cubicTo(1.814, 13.479, 1.515, 13.037, 1.306, 12.535)
      ..cubicTo(1.114, 12.072, 1.012, 11.589, 1.001, 11.087)
      ..cubicTo(0.99, 10.585, 1.071, 10.098, 1.243, 9.627)
      ..cubicTo(1.43, 9.116, 1.709, 8.662, 2.081, 8.265)
      ..cubicTo(2.453, 7.868, 2.887, 7.56, 3.385, 7.341)
      ..cubicTo(3.844, 7.138, 4.325, 7.026, 4.826, 7.004)
      ..cubicTo(5.328, 6.982, 5.816, 7.052, 6.292, 7.214)
      ..cubicTo(6.806, 7.39, 7.266, 7.659, 7.671, 8.022)
      ..cubicTo(8.076, 8.385, 8.393, 8.813, 8.624, 9.306)
      ..cubicTo(8.74, 9.555, 8.83, 9.811, 8.892, 10.074)
      ..cubicTo(9.013, 10.044, 9.137, 10.023, 9.264, 10.011)
      ..cubicTo(9.673, 9.972, 10.069, 10.031, 10.449, 10.187)
      ..cubicTo(10.83, 10.343, 11.152, 10.579, 11.417, 10.895)
      ..cubicTo(11.652, 11.176, 11.818, 11.494, 11.913, 11.848)
      ..cubicTo(12.009, 12.202, 12.026, 12.56, 11.964, 12.921)
      ..cubicTo(11.895, 13.327, 11.735, 13.693, 11.485, 14.02)
      ..cubicTo(11.235, 14.347, 10.923, 14.596, 10.55, 14.769)
      ..cubicTo(10.217, 14.923, 9.867, 15, 9.5, 15)
      ..lineTo(5, 15)
      ..cubicTo(4.498, 15, 4.013, 14.909, 3.545, 14.726)
      ..cubicTo(3.039, 14.528, 2.591, 14.239, 2.202, 13.859)
      ..close()
      ..moveTo(10.691, 13.412)
      ..cubicTo(10.841, 13.216, 10.937, 12.996, 10.979, 12.753)
      ..cubicTo(11.016, 12.536, 11.005, 12.321, 10.948, 12.109)
      ..cubicTo(10.891, 11.896, 10.791, 11.706, 10.65, 11.537)
      ..cubicTo(10.491, 11.348, 10.298, 11.206, 10.07, 11.112)
      ..cubicTo(9.841, 11.019, 9.604, 10.983, 9.358, 11.007)
      ..cubicTo(9.139, 11.028, 8.935, 11.093, 8.744, 11.204)
      ..cubicTo(8.677, 11.244, 8.603, 11.266, 8.525, 11.271)
      ..cubicTo(8.384, 11.28, 8.263, 11.24, 8.161, 11.15)
      ..cubicTo(8.059, 11.061, 8.003, 10.945, 7.994, 10.805)
      ..cubicTo(7.969, 10.429, 7.877, 10.071, 7.718, 9.729)
      ..cubicTo(7.545, 9.36, 7.307, 9.039, 7.003, 8.767)
      ..cubicTo(6.7, 8.494, 6.355, 8.292, 5.969, 8.161)
      ..cubicTo(5.612, 8.039, 5.246, 7.986, 4.87, 8.003)
      ..cubicTo(4.494, 8.019, 4.133, 8.103, 3.789, 8.255)
      ..cubicTo(3.416, 8.42, 3.09, 8.651, 2.811, 8.949)
      ..cubicTo(2.532, 9.247, 2.322, 9.587, 2.182, 9.97)
      ..cubicTo(2.053, 10.324, 1.993, 10.689, 2.001, 11.065)
      ..cubicTo(2.009, 11.442, 2.085, 11.804, 2.23, 12.151)
      ..cubicTo(2.386, 12.528, 2.61, 12.859, 2.902, 13.144)
      ..cubicTo(3.193, 13.429, 3.529, 13.646, 3.909, 13.795)
      ..cubicTo(4.26, 13.932, 4.623, 14, 5, 14)
      ..lineTo(9.5, 14)
      ..cubicTo(9.72, 14, 9.93, 13.954, 10.13, 13.861)
      ..cubicTo(10.354, 13.758, 10.541, 13.608, 10.691, 13.412)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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