cloud off icon

cloud-off from Material Design Icons by Pictogrammers · Filled · Cloud · Apache-2.0 Free for personal and commercial use.

Name
cloud-off
Set
Material Design Icons
Style
Filled
Category
Cloud
Viewbox
24×24
License
Apache 2.0

1 other variant in Material Design Icons

cloud-off-outline

The same icon in other sets

cloud-offFeather Iconscloud-off-16-filledFluent UI System Iconscloud-offHuge Iconscloud-offMaterial Line Iconscloud-offLucidecloud-offMaterial Symbolscloud-offMaterial Symbols Lightcloud-offMyna UI Iconscloud-off-fillRemix Iconcloud-offTabler Icons

More cloud icons from Material Design Icons

cloudcloud-arrow-downcloud-arrow-leftcloud-arrow-rightcloud-arrow-upcloud-bracescloud-cancelcloud-checkcloud-check-variantcloud-circlecloud-clockcloud-cogcloud-downloadcloud-keycloud-lockcloud-lock-opencloud-minuscloud-percentcloud-pluscloud-printcloud-questioncloud-refreshcloud-refresh-variantcloud-remove

Use the cloud off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.8 22.6L17.15 20H6.5q-2.3 0-3.9-1.6T1 14.5q0-1.92 1.19-3.42q1.19-1.51 3.06-1.93q.08-.2.15-.39q.1-.19.15-.41L1.4 4.2l1.4-1.4l18.4 18.4m.4-2.45L8.05 5.23q.88-.6 1.86-.92Q10.9 4 12 4q2.93 0 4.96 2.04Q19 8.07 19 11q1.73.2 2.86 1.5q1.14 1.28 1.14 3q0 1-.37 1.81q-.38.84-1.03 1.44"/></svg>

React

import type { SVGProps } from "react";

export function MdiCloudOff(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.8 22.6L17.15 20H6.5q-2.3 0-3.9-1.6T1 14.5q0-1.92 1.19-3.42q1.19-1.51 3.06-1.93q.08-.2.15-.39q.1-.19.15-.41L1.4 4.2l1.4-1.4l18.4 18.4m.4-2.45L8.05 5.23q.88-.6 1.86-.92Q10.9 4 12 4q2.93 0 4.96 2.04Q19 8.07 19 11q1.73.2 2.86 1.5q1.14 1.28 1.14 3q0 1-.37 1.81q-.38.84-1.03 1.44"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.8 22.6L17.15 20H6.5q-2.3 0-3.9-1.6T1 14.5q0-1.92 1.19-3.42q1.19-1.51 3.06-1.93q.08-.2.15-.39q.1-.19.15-.41L1.4 4.2l1.4-1.4l18.4 18.4m.4-2.45L8.05 5.23q.88-.6 1.86-.92Q10.9 4 12 4q2.93 0 4.96 2.04Q19 8.07 19 11q1.73.2 2.86 1.5q1.14 1.28 1.14 3q0 1-.37 1.81q-.38.84-1.03 1.44"/></svg>
</template>

CSS

.icon-cloud-off {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.8%2022.6L17.15%2020H6.5q-2.3%200-3.9-1.6T1%2014.5q0-1.92%201.19-3.42q1.19-1.51%203.06-1.93q.08-.2.15-.39q.1-.19.15-.41L1.4%204.2l1.4-1.4l18.4%2018.4m.4-2.45L8.05%205.23q.88-.6%201.86-.92Q10.9%204%2012%204q2.93%200%204.96%202.04Q19%208.07%2019%2011q1.73.2%202.86%201.5q1.14%201.28%201.14%203q0%201-.37%201.81q-.38.84-1.03%201.44%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.8%2022.6L17.15%2020H6.5q-2.3%200-3.9-1.6T1%2014.5q0-1.92%201.19-3.42q1.19-1.51%203.06-1.93q.08-.2.15-.39q.1-.19.15-.41L1.4%204.2l1.4-1.4l18.4%2018.4m.4-2.45L8.05%205.23q.88-.6%201.86-.92Q10.9%204%2012%204q2.93%200%204.96%202.04Q19%208.07%2019%2011q1.73.2%202.86%201.5q1.14%201.28%201.14%203q0%201-.37%201.81q-.38.84-1.03%201.44%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/cloud-off.svg?color=%231a73e8&size=48