cloud off icon

cloud-off-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.

Name
cloud-off-48-regular
Set
Fluent UI System Icons
Style
48 Regular
Viewbox
48×48
License
MIT

11 other variants in Fluent UI System Icons

cloud-off-16-filledcloud-off-16-regularcloud-off-20-filledcloud-off-20-regularcloud-off-24-filledcloud-off-24-regularcloud-off-28-filledcloud-off-28-regularcloud-off-32-filledcloud-off-32-regularcloud-off-48-filled

The same icon in other sets

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

Related icons in Fluent UI System Icons

cloud-add-16-filledcloud-archive-16-filledcloud-arrow-down-16-filledcloud-arrow-right-16-filledcloud-arrow-up-16-filledcloud-beaker-16-filledcloud-bidirectional-20-filledcloud-checkmark-16-filledcloud-cube-16-filledcloud-database-20-filledcloud-desktop-20-filledcloud-dismiss-16-filledcloud-edit-16-filledcloud-error-16-filledcloud-flow-20-filledcloud-link-16-filledcloud-offline-24-filledcloud-swap-20-filledcloud-sync-16-filledcloud-words-16-filled

Use the cloud off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="m35.232 37l6.634 6.634a1.25 1.25 0 0 0 1.768-1.768l-37.5-37.5a1.25 1.25 0 1 0-1.768 1.768l9.105 9.105A11.9 11.9 0 0 0 12.04 20h-.54a8.5 8.5 0 0 0 0 17zm-2.5-2.5H11.5a6 6 0 0 1 0-12h1.753a1.25 1.25 0 0 0 1.25-1.279L14.5 21c0-1.39.298-2.709.834-3.898zM45 28.5a8.5 8.5 0 0 1-4.436 7.468l-1.878-1.879A6.002 6.002 0 0 0 36.5 22.5h-1.753a1.25 1.25 0 0 1-1.25-1.279q.003-.11.003-.221a9.5 9.5 0 0 0-9.5-9.5a9.46 9.46 0 0 0-5.872 2.032l-1.778-1.778A11.95 11.95 0 0 1 24 9c6.29 0 11.45 4.84 11.959 11h.541a8.5 8.5 0 0 1 8.5 8.5"/></svg>

React

import type { SVGProps } from "react";

export function FluentCloudOff48Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="m35.232 37l6.634 6.634a1.25 1.25 0 0 0 1.768-1.768l-37.5-37.5a1.25 1.25 0 1 0-1.768 1.768l9.105 9.105A11.9 11.9 0 0 0 12.04 20h-.54a8.5 8.5 0 0 0 0 17zm-2.5-2.5H11.5a6 6 0 0 1 0-12h1.753a1.25 1.25 0 0 0 1.25-1.279L14.5 21c0-1.39.298-2.709.834-3.898zM45 28.5a8.5 8.5 0 0 1-4.436 7.468l-1.878-1.879A6.002 6.002 0 0 0 36.5 22.5h-1.753a1.25 1.25 0 0 1-1.25-1.279q.003-.11.003-.221a9.5 9.5 0 0 0-9.5-9.5a9.46 9.46 0 0 0-5.872 2.032l-1.778-1.778A11.95 11.95 0 0 1 24 9c6.29 0 11.45 4.84 11.959 11h.541a8.5 8.5 0 0 1 8.5 8.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="m35.232 37l6.634 6.634a1.25 1.25 0 0 0 1.768-1.768l-37.5-37.5a1.25 1.25 0 1 0-1.768 1.768l9.105 9.105A11.9 11.9 0 0 0 12.04 20h-.54a8.5 8.5 0 0 0 0 17zm-2.5-2.5H11.5a6 6 0 0 1 0-12h1.753a1.25 1.25 0 0 0 1.25-1.279L14.5 21c0-1.39.298-2.709.834-3.898zM45 28.5a8.5 8.5 0 0 1-4.436 7.468l-1.878-1.879A6.002 6.002 0 0 0 36.5 22.5h-1.753a1.25 1.25 0 0 1-1.25-1.279q.003-.11.003-.221a9.5 9.5 0 0 0-9.5-9.5a9.46 9.46 0 0 0-5.872 2.032l-1.778-1.778A11.95 11.95 0 0 1 24 9c6.29 0 11.45 4.84 11.959 11h.541a8.5 8.5 0 0 1 8.5 8.5"/></svg>
</template>

CSS

.icon-cloud-off-48-regular {
  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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m35.232%2037l6.634%206.634a1.25%201.25%200%200%200%201.768-1.768l-37.5-37.5a1.25%201.25%200%201%200-1.768%201.768l9.105%209.105A11.9%2011.9%200%200%200%2012.04%2020h-.54a8.5%208.5%200%200%200%200%2017zm-2.5-2.5H11.5a6%206%200%200%201%200-12h1.753a1.25%201.25%200%200%200%201.25-1.279L14.5%2021c0-1.39.298-2.709.834-3.898zM45%2028.5a8.5%208.5%200%200%201-4.436%207.468l-1.878-1.879A6.002%206.002%200%200%200%2036.5%2022.5h-1.753a1.25%201.25%200%200%201-1.25-1.279q.003-.11.003-.221a9.5%209.5%200%200%200-9.5-9.5a9.46%209.46%200%200%200-5.872%202.032l-1.778-1.778A11.95%2011.95%200%200%201%2024%209c6.29%200%2011.45%204.84%2011.959%2011h.541a8.5%208.5%200%200%201%208.5%208.5%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m35.232%2037l6.634%206.634a1.25%201.25%200%200%200%201.768-1.768l-37.5-37.5a1.25%201.25%200%201%200-1.768%201.768l9.105%209.105A11.9%2011.9%200%200%200%2012.04%2020h-.54a8.5%208.5%200%200%200%200%2017zm-2.5-2.5H11.5a6%206%200%200%201%200-12h1.753a1.25%201.25%200%200%200%201.25-1.279L14.5%2021c0-1.39.298-2.709.834-3.898zM45%2028.5a8.5%208.5%200%200%201-4.436%207.468l-1.878-1.879A6.002%206.002%200%200%200%2036.5%2022.5h-1.753a1.25%201.25%200%200%201-1.25-1.279q.003-.11.003-.221a9.5%209.5%200%200%200-9.5-9.5a9.46%209.46%200%200%200-5.872%202.032l-1.778-1.778A11.95%2011.95%200%200%201%2024%209c6.29%200%2011.45%204.84%2011.959%2011h.541a8.5%208.5%200%200%201%208.5%208.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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