cloud dismiss icon

cloud-dismiss-20 from Fluent UI System Color Icons by Microsoft Corporation · 20 · MIT Free for personal and commercial use.

Name: cloud-dismiss-20
Set: Fluent UI System Color Icons
Style: 20
Viewbox: 20×20
License: MIT

5 other variants in Fluent UI System Color Icons

cloud-dismiss-16 cloud-dismiss-24 cloud-dismiss-28 cloud-dismiss-32 cloud-dismiss-48

The same icon in other sets

cloud-dismiss-16-filledFluent UI System Icons

Related icons in Fluent UI System Color Icons

cloud-words-16

Use the cloud dismiss icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><g fill="none"><path fill="url(#SVG9jhTMb3r)" d="M10 2c2.817 0 4.415 1.923 4.647 4.246h.07C16.532 6.246 18 7.758 18 9.623S16.53 13 14.718 13H5.282C3.469 13 2 11.488 2 9.623s1.47-3.377 3.282-3.377h.071C5.587 3.908 7.183 2 10 2"/><path fill="url(#SVGP7IAvKMy)" fill-opacity=".3" d="M9 9.5a3.5 3.5 0 1 1-7 0c0-1.933 1.567-3.25 3.5-3.25S9 7.567 9 9.5"/><path fill="url(#SVGBLisxUWk)" fill-opacity=".3" d="M10 12c2.761 0 4.7-2.239 4.7-5S13 2 10 2C7.276 2 5.624 3.846 5.343 6.253q.078-.003.157-.003C7.433 6.25 9 7.567 9 9.5a3.48 3.48 0 0 1-.753 2.169A4.7 4.7 0 0 0 10 12"/><path fill="url(#SVG2QY8Utfl)" d="M10 12c2.761 0 4.7-2.239 4.7-5S13 2 10 2C7.276 2 5.624 3.846 5.343 6.253q.078-.003.157-.003C7.433 6.25 9 7.567 9 9.5a3.48 3.48 0 0 1-.753 2.169A4.7 4.7 0 0 0 10 12"/><path fill="url(#SVGPZtnPuaT)" fill-opacity=".5" d="M14.647 6.246C14.415 3.923 12.817 2 10 2S5.587 3.908 5.353 6.246h-.07C3.468 6.246 2 7.758 2 9.623S3.47 13 5.282 13h9.436C16.53 13 18 11.488 18 9.623s-1.47-3.377-3.282-3.377z"/><path fill="url(#SVG7kPp8Dyu)" fill-opacity=".5" d="M14.647 6.246C14.415 3.923 12.817 2 10 2S5.587 3.908 5.353 6.246h-.07C3.468 6.246 2 7.758 2 9.623S3.47 13 5.282 13h9.436C16.53 13 18 11.488 18 9.623s-1.47-3.377-3.282-3.377z"/><path fill="url(#SVGUPlgYqDC)" d="M18 13.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0"/><path fill="url(#SVGn7FUPduX)" fill-rule="evenodd" d="M11.646 11.646a.5.5 0 0 1 .708 0l1.146 1.147l1.146-1.147a.5.5 0 0 1 .708.708L14.207 13.5l1.147 1.146a.5.5 0 0 1-.708.708L13.5 14.207l-1.146 1.147a.5.5 0 0 1-.708-.708l1.147-1.146l-1.147-1.146a.5.5 0 0 1 0-.708" clip-rule="evenodd"/><defs><linearGradient id="SVG9jhTMb3r" x1="2.571" x2="9.564" y1="4.063" y2="14.629" gradientUnits="userSpaceOnUse"><stop stop-color="#0fafff"/><stop offset="1" stop-color="#367af2"/></linearGradient><linearGradient id="SVGP7IAvKMy" x1="2" x2="6.568" y1="7.406" y2="11.599" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fcfcfc" stop-opacity="0"/></linearGradient><linearGradient id="SVGBLisxUWk" x1="6.965" x2="8.367" y1="2.563" y2="9.424" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fcfcfc" stop-opacity="0"/></linearGradient><linearGradient id="SVGUPlgYqDC" x1="10.406" x2="17.25" y1="9.563" y2="19.5" gradientUnits="userSpaceOnUse"><stop stop-color="#f83f54"/><stop offset="1" stop-color="#ca2134"/></linearGradient><linearGradient id="SVGn7FUPduX" x1="11.977" x2="13.771" y1="13.652" y2="15.518" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfdfd"/><stop offset="1" stop-color="#fecbe6"/></linearGradient><radialGradient id="SVG2QY8Utfl" cx="0" cy="0" r="1" gradientTransform="matrix(5.2742 -2.375 2.2155 4.92001 5.71 10.188)" gradientUnits="userSpaceOnUse"><stop offset=".412" stop-color="#2c87f5"/><stop offset="1" stop-color="#2c87f5" stop-opacity="0"/></radialGradient><radialGradient id="SVGPZtnPuaT" cx="0" cy="0" r="1" gradientTransform="rotate(63.161 3.6 8.248)scale(13.6588 99.6747)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#dd3ce2" stop-opacity="0"/><stop offset="1" stop-color="#dd3ce2"/></radialGradient><radialGradient id="SVG7kPp8Dyu" cx="0" cy="0" r="1" gradientTransform="rotate(90 -.5 14)scale(6.5)" gradientUnits="userSpaceOnUse"><stop offset=".288" stop-color="#0d1f69"/><stop offset="1" stop-color="#0d1f69" stop-opacity="0"/></radialGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentColorCloudDismiss20(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><g fill="none"><path fill="url(#SVG9jhTMb3r)" d="M10 2c2.817 0 4.415 1.923 4.647 4.246h.07C16.532 6.246 18 7.758 18 9.623S16.53 13 14.718 13H5.282C3.469 13 2 11.488 2 9.623s1.47-3.377 3.282-3.377h.071C5.587 3.908 7.183 2 10 2"/><path fill="url(#SVGP7IAvKMy)" fillOpacity=".3" d="M9 9.5a3.5 3.5 0 1 1-7 0c0-1.933 1.567-3.25 3.5-3.25S9 7.567 9 9.5"/><path fill="url(#SVGBLisxUWk)" fillOpacity=".3" d="M10 12c2.761 0 4.7-2.239 4.7-5S13 2 10 2C7.276 2 5.624 3.846 5.343 6.253q.078-.003.157-.003C7.433 6.25 9 7.567 9 9.5a3.48 3.48 0 0 1-.753 2.169A4.7 4.7 0 0 0 10 12"/><path fill="url(#SVG2QY8Utfl)" d="M10 12c2.761 0 4.7-2.239 4.7-5S13 2 10 2C7.276 2 5.624 3.846 5.343 6.253q.078-.003.157-.003C7.433 6.25 9 7.567 9 9.5a3.48 3.48 0 0 1-.753 2.169A4.7 4.7 0 0 0 10 12"/><path fill="url(#SVGPZtnPuaT)" fillOpacity=".5" d="M14.647 6.246C14.415 3.923 12.817 2 10 2S5.587 3.908 5.353 6.246h-.07C3.468 6.246 2 7.758 2 9.623S3.47 13 5.282 13h9.436C16.53 13 18 11.488 18 9.623s-1.47-3.377-3.282-3.377z"/><path fill="url(#SVG7kPp8Dyu)" fillOpacity=".5" d="M14.647 6.246C14.415 3.923 12.817 2 10 2S5.587 3.908 5.353 6.246h-.07C3.468 6.246 2 7.758 2 9.623S3.47 13 5.282 13h9.436C16.53 13 18 11.488 18 9.623s-1.47-3.377-3.282-3.377z"/><path fill="url(#SVGUPlgYqDC)" d="M18 13.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0"/><path fill="url(#SVGn7FUPduX)" fillRule="evenodd" d="M11.646 11.646a.5.5 0 0 1 .708 0l1.146 1.147l1.146-1.147a.5.5 0 0 1 .708.708L14.207 13.5l1.147 1.146a.5.5 0 0 1-.708.708L13.5 14.207l-1.146 1.147a.5.5 0 0 1-.708-.708l1.147-1.146l-1.147-1.146a.5.5 0 0 1 0-.708" clipRule="evenodd"/><defs><linearGradient id="SVG9jhTMb3r" x1="2.571" x2="9.564" y1="4.063" y2="14.629" gradientUnits="userSpaceOnUse"><stop stopColor="#0fafff"/><stop offset="1" stopColor="#367af2"/></linearGradient><linearGradient id="SVGP7IAvKMy" x1="2" x2="6.568" y1="7.406" y2="11.599" gradientUnits="userSpaceOnUse"><stop stopColor="#fff"/><stop offset="1" stopColor="#fcfcfc" stopOpacity="0"/></linearGradient><linearGradient id="SVGBLisxUWk" x1="6.965" x2="8.367" y1="2.563" y2="9.424" gradientUnits="userSpaceOnUse"><stop stopColor="#fff"/><stop offset="1" stopColor="#fcfcfc" stopOpacity="0"/></linearGradient><linearGradient id="SVGUPlgYqDC" x1="10.406" x2="17.25" y1="9.563" y2="19.5" gradientUnits="userSpaceOnUse"><stop stopColor="#f83f54"/><stop offset="1" stopColor="#ca2134"/></linearGradient><linearGradient id="SVGn7FUPduX" x1="11.977" x2="13.771" y1="13.652" y2="15.518" gradientUnits="userSpaceOnUse"><stop stopColor="#fdfdfd"/><stop offset="1" stopColor="#fecbe6"/></linearGradient><radialGradient id="SVG2QY8Utfl" cx="0" cy="0" r="1" gradientTransform="matrix(5.2742 -2.375 2.2155 4.92001 5.71 10.188)" gradientUnits="userSpaceOnUse"><stop offset=".412" stopColor="#2c87f5"/><stop offset="1" stopColor="#2c87f5" stopOpacity="0"/></radialGradient><radialGradient id="SVGPZtnPuaT" cx="0" cy="0" r="1" gradientTransform="rotate(63.161 3.6 8.248)scale(13.6588 99.6747)" gradientUnits="userSpaceOnUse"><stop offset=".5" stopColor="#dd3ce2" stopOpacity="0"/><stop offset="1" stopColor="#dd3ce2"/></radialGradient><radialGradient id="SVG7kPp8Dyu" cx="0" cy="0" r="1" gradientTransform="rotate(90 -.5 14)scale(6.5)" gradientUnits="userSpaceOnUse"><stop offset=".288" stopColor="#0d1f69"/><stop offset="1" stopColor="#0d1f69" stopOpacity="0"/></radialGradient></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><g fill="none"><path fill="url(#SVG9jhTMb3r)" d="M10 2c2.817 0 4.415 1.923 4.647 4.246h.07C16.532 6.246 18 7.758 18 9.623S16.53 13 14.718 13H5.282C3.469 13 2 11.488 2 9.623s1.47-3.377 3.282-3.377h.071C5.587 3.908 7.183 2 10 2"/><path fill="url(#SVGP7IAvKMy)" fill-opacity=".3" d="M9 9.5a3.5 3.5 0 1 1-7 0c0-1.933 1.567-3.25 3.5-3.25S9 7.567 9 9.5"/><path fill="url(#SVGBLisxUWk)" fill-opacity=".3" d="M10 12c2.761 0 4.7-2.239 4.7-5S13 2 10 2C7.276 2 5.624 3.846 5.343 6.253q.078-.003.157-.003C7.433 6.25 9 7.567 9 9.5a3.48 3.48 0 0 1-.753 2.169A4.7 4.7 0 0 0 10 12"/><path fill="url(#SVG2QY8Utfl)" d="M10 12c2.761 0 4.7-2.239 4.7-5S13 2 10 2C7.276 2 5.624 3.846 5.343 6.253q.078-.003.157-.003C7.433 6.25 9 7.567 9 9.5a3.48 3.48 0 0 1-.753 2.169A4.7 4.7 0 0 0 10 12"/><path fill="url(#SVGPZtnPuaT)" fill-opacity=".5" d="M14.647 6.246C14.415 3.923 12.817 2 10 2S5.587 3.908 5.353 6.246h-.07C3.468 6.246 2 7.758 2 9.623S3.47 13 5.282 13h9.436C16.53 13 18 11.488 18 9.623s-1.47-3.377-3.282-3.377z"/><path fill="url(#SVG7kPp8Dyu)" fill-opacity=".5" d="M14.647 6.246C14.415 3.923 12.817 2 10 2S5.587 3.908 5.353 6.246h-.07C3.468 6.246 2 7.758 2 9.623S3.47 13 5.282 13h9.436C16.53 13 18 11.488 18 9.623s-1.47-3.377-3.282-3.377z"/><path fill="url(#SVGUPlgYqDC)" d="M18 13.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0"/><path fill="url(#SVGn7FUPduX)" fill-rule="evenodd" d="M11.646 11.646a.5.5 0 0 1 .708 0l1.146 1.147l1.146-1.147a.5.5 0 0 1 .708.708L14.207 13.5l1.147 1.146a.5.5 0 0 1-.708.708L13.5 14.207l-1.146 1.147a.5.5 0 0 1-.708-.708l1.147-1.146l-1.147-1.146a.5.5 0 0 1 0-.708" clip-rule="evenodd"/><defs><linearGradient id="SVG9jhTMb3r" x1="2.571" x2="9.564" y1="4.063" y2="14.629" gradientUnits="userSpaceOnUse"><stop stop-color="#0fafff"/><stop offset="1" stop-color="#367af2"/></linearGradient><linearGradient id="SVGP7IAvKMy" x1="2" x2="6.568" y1="7.406" y2="11.599" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fcfcfc" stop-opacity="0"/></linearGradient><linearGradient id="SVGBLisxUWk" x1="6.965" x2="8.367" y1="2.563" y2="9.424" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fcfcfc" stop-opacity="0"/></linearGradient><linearGradient id="SVGUPlgYqDC" x1="10.406" x2="17.25" y1="9.563" y2="19.5" gradientUnits="userSpaceOnUse"><stop stop-color="#f83f54"/><stop offset="1" stop-color="#ca2134"/></linearGradient><linearGradient id="SVGn7FUPduX" x1="11.977" x2="13.771" y1="13.652" y2="15.518" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfdfd"/><stop offset="1" stop-color="#fecbe6"/></linearGradient><radialGradient id="SVG2QY8Utfl" cx="0" cy="0" r="1" gradientTransform="matrix(5.2742 -2.375 2.2155 4.92001 5.71 10.188)" gradientUnits="userSpaceOnUse"><stop offset=".412" stop-color="#2c87f5"/><stop offset="1" stop-color="#2c87f5" stop-opacity="0"/></radialGradient><radialGradient id="SVGPZtnPuaT" cx="0" cy="0" r="1" gradientTransform="rotate(63.161 3.6 8.248)scale(13.6588 99.6747)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#dd3ce2" stop-opacity="0"/><stop offset="1" stop-color="#dd3ce2"/></radialGradient><radialGradient id="SVG7kPp8Dyu" cx="0" cy="0" r="1" gradientTransform="rotate(90 -.5 14)scale(6.5)" gradientUnits="userSpaceOnUse"><stop offset=".288" stop-color="#0d1f69"/><stop offset="1" stop-color="#0d1f69" stop-opacity="0"/></radialGradient></defs></g></svg>
</template>

CSS

.icon-cloud-dismiss-20 {
  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%2020%2020%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVG9jhTMb3r)%22%20d%3D%22M10%202c2.817%200%204.415%201.923%204.647%204.246h.07C16.532%206.246%2018%207.758%2018%209.623S16.53%2013%2014.718%2013H5.282C3.469%2013%202%2011.488%202%209.623s1.47-3.377%203.282-3.377h.071C5.587%203.908%207.183%202%2010%202%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGP7IAvKMy)%22%20fill-opacity%3D%22.3%22%20d%3D%22M9%209.5a3.5%203.5%200%201%201-7%200c0-1.933%201.567-3.25%203.5-3.25S9%207.567%209%209.5%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGBLisxUWk)%22%20fill-opacity%3D%22.3%22%20d%3D%22M10%2012c2.761%200%204.7-2.239%204.7-5S13%202%2010%202C7.276%202%205.624%203.846%205.343%206.253q.078-.003.157-.003C7.433%206.25%209%207.567%209%209.5a3.48%203.48%200%200%201-.753%202.169A4.7%204.7%200%200%200%2010%2012%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2QY8Utfl)%22%20d%3D%22M10%2012c2.761%200%204.7-2.239%204.7-5S13%202%2010%202C7.276%202%205.624%203.846%205.343%206.253q.078-.003.157-.003C7.433%206.25%209%207.567%209%209.5a3.48%203.48%200%200%201-.753%202.169A4.7%204.7%200%200%200%2010%2012%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGPZtnPuaT)%22%20fill-opacity%3D%22.5%22%20d%3D%22M14.647%206.246C14.415%203.923%2012.817%202%2010%202S5.587%203.908%205.353%206.246h-.07C3.468%206.246%202%207.758%202%209.623S3.47%2013%205.282%2013h9.436C16.53%2013%2018%2011.488%2018%209.623s-1.47-3.377-3.282-3.377z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG7kPp8Dyu)%22%20fill-opacity%3D%22.5%22%20d%3D%22M14.647%206.246C14.415%203.923%2012.817%202%2010%202S5.587%203.908%205.353%206.246h-.07C3.468%206.246%202%207.758%202%209.623S3.47%2013%205.282%2013h9.436C16.53%2013%2018%2011.488%2018%209.623s-1.47-3.377-3.282-3.377z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGUPlgYqDC)%22%20d%3D%22M18%2013.5a4.5%204.5%200%201%201-9%200a4.5%204.5%200%200%201%209%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGn7FUPduX)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.646%2011.646a.5.5%200%200%201%20.708%200l1.146%201.147l1.146-1.147a.5.5%200%200%201%20.708.708L14.207%2013.5l1.147%201.146a.5.5%200%200%201-.708.708L13.5%2014.207l-1.146%201.147a.5.5%200%200%201-.708-.708l1.147-1.146l-1.147-1.146a.5.5%200%200%201%200-.708%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG9jhTMb3r%22%20x1%3D%222.571%22%20x2%3D%229.564%22%20y1%3D%224.063%22%20y2%3D%2214.629%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230fafff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23367af2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGP7IAvKMy%22%20x1%3D%222%22%20x2%3D%226.568%22%20y1%3D%227.406%22%20y2%3D%2211.599%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fcfcfc%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGBLisxUWk%22%20x1%3D%226.965%22%20x2%3D%228.367%22%20y1%3D%222.563%22%20y2%3D%229.424%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fcfcfc%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGUPlgYqDC%22%20x1%3D%2210.406%22%20x2%3D%2217.25%22%20y1%3D%229.563%22%20y2%3D%2219.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f83f54%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ca2134%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGn7FUPduX%22%20x1%3D%2211.977%22%20x2%3D%2213.771%22%20y1%3D%2213.652%22%20y2%3D%2215.518%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fdfdfd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fecbe6%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVG2QY8Utfl%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(5.2742%20-2.375%202.2155%204.92001%205.71%2010.188)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.412%22%20stop-color%3D%22%232c87f5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232c87f5%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGPZtnPuaT%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(63.161%203.6%208.248)scale(13.6588%2099.6747)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23dd3ce2%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dd3ce2%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVG7kPp8Dyu%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(90%20-.5%2014)scale(6.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.288%22%20stop-color%3D%22%230d1f69%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230d1f69%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%2020%2020%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVG9jhTMb3r)%22%20d%3D%22M10%202c2.817%200%204.415%201.923%204.647%204.246h.07C16.532%206.246%2018%207.758%2018%209.623S16.53%2013%2014.718%2013H5.282C3.469%2013%202%2011.488%202%209.623s1.47-3.377%203.282-3.377h.071C5.587%203.908%207.183%202%2010%202%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGP7IAvKMy)%22%20fill-opacity%3D%22.3%22%20d%3D%22M9%209.5a3.5%203.5%200%201%201-7%200c0-1.933%201.567-3.25%203.5-3.25S9%207.567%209%209.5%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGBLisxUWk)%22%20fill-opacity%3D%22.3%22%20d%3D%22M10%2012c2.761%200%204.7-2.239%204.7-5S13%202%2010%202C7.276%202%205.624%203.846%205.343%206.253q.078-.003.157-.003C7.433%206.25%209%207.567%209%209.5a3.48%203.48%200%200%201-.753%202.169A4.7%204.7%200%200%200%2010%2012%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2QY8Utfl)%22%20d%3D%22M10%2012c2.761%200%204.7-2.239%204.7-5S13%202%2010%202C7.276%202%205.624%203.846%205.343%206.253q.078-.003.157-.003C7.433%206.25%209%207.567%209%209.5a3.48%203.48%200%200%201-.753%202.169A4.7%204.7%200%200%200%2010%2012%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGPZtnPuaT)%22%20fill-opacity%3D%22.5%22%20d%3D%22M14.647%206.246C14.415%203.923%2012.817%202%2010%202S5.587%203.908%205.353%206.246h-.07C3.468%206.246%202%207.758%202%209.623S3.47%2013%205.282%2013h9.436C16.53%2013%2018%2011.488%2018%209.623s-1.47-3.377-3.282-3.377z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG7kPp8Dyu)%22%20fill-opacity%3D%22.5%22%20d%3D%22M14.647%206.246C14.415%203.923%2012.817%202%2010%202S5.587%203.908%205.353%206.246h-.07C3.468%206.246%202%207.758%202%209.623S3.47%2013%205.282%2013h9.436C16.53%2013%2018%2011.488%2018%209.623s-1.47-3.377-3.282-3.377z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGUPlgYqDC)%22%20d%3D%22M18%2013.5a4.5%204.5%200%201%201-9%200a4.5%204.5%200%200%201%209%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGn7FUPduX)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.646%2011.646a.5.5%200%200%201%20.708%200l1.146%201.147l1.146-1.147a.5.5%200%200%201%20.708.708L14.207%2013.5l1.147%201.146a.5.5%200%200%201-.708.708L13.5%2014.207l-1.146%201.147a.5.5%200%200%201-.708-.708l1.147-1.146l-1.147-1.146a.5.5%200%200%201%200-.708%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG9jhTMb3r%22%20x1%3D%222.571%22%20x2%3D%229.564%22%20y1%3D%224.063%22%20y2%3D%2214.629%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230fafff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23367af2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGP7IAvKMy%22%20x1%3D%222%22%20x2%3D%226.568%22%20y1%3D%227.406%22%20y2%3D%2211.599%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fcfcfc%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGBLisxUWk%22%20x1%3D%226.965%22%20x2%3D%228.367%22%20y1%3D%222.563%22%20y2%3D%229.424%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fcfcfc%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGUPlgYqDC%22%20x1%3D%2210.406%22%20x2%3D%2217.25%22%20y1%3D%229.563%22%20y2%3D%2219.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f83f54%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ca2134%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGn7FUPduX%22%20x1%3D%2211.977%22%20x2%3D%2213.771%22%20y1%3D%2213.652%22%20y2%3D%2215.518%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fdfdfd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fecbe6%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVG2QY8Utfl%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(5.2742%20-2.375%202.2155%204.92001%205.71%2010.188)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.412%22%20stop-color%3D%22%232c87f5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232c87f5%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGPZtnPuaT%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(63.161%203.6%208.248)scale(13.6588%2099.6747)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23dd3ce2%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dd3ce2%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVG7kPp8Dyu%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(90%20-.5%2014)scale(6.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.288%22%20stop-color%3D%22%230d1f69%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230d1f69%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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