cloud slash icon
cloud-slash-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- cloud-slash-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Myna UI Icons
Use the cloud slash icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.596 9.388c2.05.177 3.997 1.285 5.063 2.803c.59.842.932 1.844.82 2.9c-.113 1.066-.677 2.087-1.713 2.975c-1.116.957-2.676 1.184-3.894 1.184H8.026c-.656 0-1.3-.105-1.91-.305L3.53 21.53a.75.75 0 0 1-1.06-1.06l2.21-2.21a6.1 6.1 0 0 1-1.374-1.221c-2-2.263-2.424-4.666-1.773-6.796c.64-2.09 2.28-3.812 4.216-4.86c1.935-1.046 4.267-1.472 6.354-.831c1.403.431 2.64 1.328 3.54 2.745L20.47 2.47a.75.75 0 1 1 1.06 1.06l-5.175 5.176q.13.328.24.682"/></svg>
React
import type { SVGProps } from "react";
export function MynauiCloudSlashSolid(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="M16.596 9.388c2.05.177 3.997 1.285 5.063 2.803c.59.842.932 1.844.82 2.9c-.113 1.066-.677 2.087-1.713 2.975c-1.116.957-2.676 1.184-3.894 1.184H8.026c-.656 0-1.3-.105-1.91-.305L3.53 21.53a.75.75 0 0 1-1.06-1.06l2.21-2.21a6.1 6.1 0 0 1-1.374-1.221c-2-2.263-2.424-4.666-1.773-6.796c.64-2.09 2.28-3.812 4.216-4.86c1.935-1.046 4.267-1.472 6.354-.831c1.403.431 2.64 1.328 3.54 2.745L20.47 2.47a.75.75 0 1 1 1.06 1.06l-5.175 5.176q.13.328.24.682"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.596 9.388c2.05.177 3.997 1.285 5.063 2.803c.59.842.932 1.844.82 2.9c-.113 1.066-.677 2.087-1.713 2.975c-1.116.957-2.676 1.184-3.894 1.184H8.026c-.656 0-1.3-.105-1.91-.305L3.53 21.53a.75.75 0 0 1-1.06-1.06l2.21-2.21a6.1 6.1 0 0 1-1.374-1.221c-2-2.263-2.424-4.666-1.773-6.796c.64-2.09 2.28-3.812 4.216-4.86c1.935-1.046 4.267-1.472 6.354-.831c1.403.431 2.64 1.328 3.54 2.745L20.47 2.47a.75.75 0 1 1 1.06 1.06l-5.175 5.176q.13.328.24.682"/></svg> </template>
CSS
.icon-cloud-slash-solid {
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%22M16.596%209.388c2.05.177%203.997%201.285%205.063%202.803c.59.842.932%201.844.82%202.9c-.113%201.066-.677%202.087-1.713%202.975c-1.116.957-2.676%201.184-3.894%201.184H8.026c-.656%200-1.3-.105-1.91-.305L3.53%2021.53a.75.75%200%200%201-1.06-1.06l2.21-2.21a6.1%206.1%200%200%201-1.374-1.221c-2-2.263-2.424-4.666-1.773-6.796c.64-2.09%202.28-3.812%204.216-4.86c1.935-1.046%204.267-1.472%206.354-.831c1.403.431%202.64%201.328%203.54%202.745L20.47%202.47a.75.75%200%201%201%201.06%201.06l-5.175%205.176q.13.328.24.682%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%22M16.596%209.388c2.05.177%203.997%201.285%205.063%202.803c.59.842.932%201.844.82%202.9c-.113%201.066-.677%202.087-1.713%202.975c-1.116.957-2.676%201.184-3.894%201.184H8.026c-.656%200-1.3-.105-1.91-.305L3.53%2021.53a.75.75%200%200%201-1.06-1.06l2.21-2.21a6.1%206.1%200%200%201-1.374-1.221c-2-2.263-2.424-4.666-1.773-6.796c.64-2.09%202.28-3.812%204.216-4.86c1.935-1.046%204.267-1.472%206.354-.831c1.403.431%202.64%201.328%203.54%202.745L20.47%202.47a.75.75%200%201%201%201.06%201.06l-5.175%205.176q.13.328.24.682%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/cloud-slash-solid.svg?color=%231a73e8&size=48
