cloud slash icon

cloud-slash-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name: cloud-slash-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

cloud-slash cloud-slash-bold cloud-slash-duotone cloud-slash-light cloud-slash-thin

The same icon in other sets

cloud-slashBootstrap Icons cloud-slash-solidMyna UI Icons cloud-slashUnicons

Related icons in Phosphor

cloud-arrow-down cloud-arrow-up cloud-check cloud-fog cloud-lightning cloud-moon cloud-rain cloud-snow cloud-sun cloud-warning cloud-x

Use the cloud slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M248 128.72A87.74 87.74 0 0 1 222.41 190a4 4 0 0 1-5.77-.16L103.78 65.67a4 4 0 0 1 .39-5.76A87.82 87.82 0 0 1 160.87 40c48.28.47 87.51 40.43 87.13 88.72M53.92 34.62a8 8 0 1 0-11.84 10.76l39.25 43.18l-.06.11A64 64 0 0 0 8 153c.53 35.12 29.84 63 65 63h87a87.7 87.7 0 0 0 31.78-5.95l10.3 11.33a8 8 0 0 0 11.33.52a8.32 8.32 0 0 0 .29-11.52Z"/></svg>

React

import type { SVGProps } from "react";

export function PhCloudSlashFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M248 128.72A87.74 87.74 0 0 1 222.41 190a4 4 0 0 1-5.77-.16L103.78 65.67a4 4 0 0 1 .39-5.76A87.82 87.82 0 0 1 160.87 40c48.28.47 87.51 40.43 87.13 88.72M53.92 34.62a8 8 0 1 0-11.84 10.76l39.25 43.18l-.06.11A64 64 0 0 0 8 153c.53 35.12 29.84 63 65 63h87a87.7 87.7 0 0 0 31.78-5.95l10.3 11.33a8 8 0 0 0 11.33.52a8.32 8.32 0 0 0 .29-11.52Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M248 128.72A87.74 87.74 0 0 1 222.41 190a4 4 0 0 1-5.77-.16L103.78 65.67a4 4 0 0 1 .39-5.76A87.82 87.82 0 0 1 160.87 40c48.28.47 87.51 40.43 87.13 88.72M53.92 34.62a8 8 0 1 0-11.84 10.76l39.25 43.18l-.06.11A64 64 0 0 0 8 153c.53 35.12 29.84 63 65 63h87a87.7 87.7 0 0 0 31.78-5.95l10.3 11.33a8 8 0 0 0 11.33.52a8.32 8.32 0 0 0 .29-11.52Z"/></svg>
</template>

CSS

.icon-cloud-slash-fill {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M248%20128.72A87.74%2087.74%200%200%201%20222.41%20190a4%204%200%200%201-5.77-.16L103.78%2065.67a4%204%200%200%201%20.39-5.76A87.82%2087.82%200%200%201%20160.87%2040c48.28.47%2087.51%2040.43%2087.13%2088.72M53.92%2034.62a8%208%200%201%200-11.84%2010.76l39.25%2043.18l-.06.11A64%2064%200%200%200%208%20153c.53%2035.12%2029.84%2063%2065%2063h87a87.7%2087.7%200%200%200%2031.78-5.95l10.3%2011.33a8%208%200%200%200%2011.33.52a8.32%208.32%200%200%200%20.29-11.52Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M248%20128.72A87.74%2087.74%200%200%201%20222.41%20190a4%204%200%200%201-5.77-.16L103.78%2065.67a4%204%200%200%201%20.39-5.76A87.82%2087.82%200%200%201%20160.87%2040c48.28.47%2087.51%2040.43%2087.13%2088.72M53.92%2034.62a8%208%200%201%200-11.84%2010.76l39.25%2043.18l-.06.11A64%2064%200%200%200%208%20153c.53%2035.12%2029.84%2063%2065%2063h87a87.7%2087.7%200%200%200%2031.78-5.95l10.3%2011.33a8%208%200%200%200%2011.33.52a8.32%208.32%200%200%200%20.29-11.52Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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