cloud storage icon
cloud-storage-duotone from Reicon by REICON · Duotone · Devices · MIT Free for personal and commercial use.
- Name
- cloud-storage-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- Devices
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All cloud storage icons →More devices icons from Reicon
Use the cloud storage icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M8.94 14.44c-.44.439-.44 1.146-.44 2.56v2c0 1.414 0 2.121.44 2.56c.439.44 1.146.44 2.56.44h1c1.414 0 2.121 0 2.56-.44c.44-.439.44-1.146.44-2.56v-2c0-1.414 0-2.121-.44-2.56c-.439-.44-1.146-.44-2.56-.44h-1c-1.414 0-2.121 0-2.56.44M10.25 18a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/><path d="M22 12.353c0 2.88-2.181 5.256-5 5.603l-1.5.007V17c0-1.414 0-2.121-.44-2.56c-.439-.44-1.146-.44-2.56-.44h-1c-1.414 0-2.121 0-2.56.44c-.44.439-.44 1.146-.44 2.56v.993L7 18h-.714C3.919 18 2 16.104 2 13.765s1.919-4.236 4.286-4.236q.427.001.83.08a5.6 5.6 0 0 1-.354-1.962C6.762 4.528 9.32 2 12.476 2c2.94 0 5.361 2.194 5.68 5.015C20.392 7.78 22 9.881 22 12.353" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconCloudStorageDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M8.94 14.44c-.44.439-.44 1.146-.44 2.56v2c0 1.414 0 2.121.44 2.56c.439.44 1.146.44 2.56.44h1c1.414 0 2.121 0 2.56-.44c.44-.439.44-1.146.44-2.56v-2c0-1.414 0-2.121-.44-2.56c-.439-.44-1.146-.44-2.56-.44h-1c-1.414 0-2.121 0-2.56.44M10.25 18a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75" clipRule="evenodd"/><path d="M22 12.353c0 2.88-2.181 5.256-5 5.603l-1.5.007V17c0-1.414 0-2.121-.44-2.56c-.439-.44-1.146-.44-2.56-.44h-1c-1.414 0-2.121 0-2.56.44c-.44.439-.44 1.146-.44 2.56v.993L7 18h-.714C3.919 18 2 16.104 2 13.765s1.919-4.236 4.286-4.236q.427.001.83.08a5.6 5.6 0 0 1-.354-1.962C6.762 4.528 9.32 2 12.476 2c2.94 0 5.361 2.194 5.68 5.015C20.392 7.78 22 9.881 22 12.353" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M8.94 14.44c-.44.439-.44 1.146-.44 2.56v2c0 1.414 0 2.121.44 2.56c.439.44 1.146.44 2.56.44h1c1.414 0 2.121 0 2.56-.44c.44-.439.44-1.146.44-2.56v-2c0-1.414 0-2.121-.44-2.56c-.439-.44-1.146-.44-2.56-.44h-1c-1.414 0-2.121 0-2.56.44M10.25 18a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/><path d="M22 12.353c0 2.88-2.181 5.256-5 5.603l-1.5.007V17c0-1.414 0-2.121-.44-2.56c-.439-.44-1.146-.44-2.56-.44h-1c-1.414 0-2.121 0-2.56.44c-.44.439-.44 1.146-.44 2.56v.993L7 18h-.714C3.919 18 2 16.104 2 13.765s1.919-4.236 4.286-4.236q.427.001.83.08a5.6 5.6 0 0 1-.354-1.962C6.762 4.528 9.32 2 12.476 2c2.94 0 5.361 2.194 5.68 5.015C20.392 7.78 22 9.881 22 12.353" opacity=".5"/></g></svg> </template>
CSS
.icon-cloud-storage-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8.94%2014.44c-.44.439-.44%201.146-.44%202.56v2c0%201.414%200%202.121.44%202.56c.439.44%201.146.44%202.56.44h1c1.414%200%202.121%200%202.56-.44c.44-.439.44-1.146.44-2.56v-2c0-1.414%200-2.121-.44-2.56c-.439-.44-1.146-.44-2.56-.44h-1c-1.414%200-2.121%200-2.56.44M10.25%2018a.75.75%200%200%201%20.75-.75h2a.75.75%200%200%201%200%201.5h-2a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M22%2012.353c0%202.88-2.181%205.256-5%205.603l-1.5.007V17c0-1.414%200-2.121-.44-2.56c-.439-.44-1.146-.44-2.56-.44h-1c-1.414%200-2.121%200-2.56.44c-.44.439-.44%201.146-.44%202.56v.993L7%2018h-.714C3.919%2018%202%2016.104%202%2013.765s1.919-4.236%204.286-4.236q.427.001.83.08a5.6%205.6%200%200%201-.354-1.962C6.762%204.528%209.32%202%2012.476%202c2.94%200%205.361%202.194%205.68%205.015C20.392%207.78%2022%209.881%2022%2012.353%22%20opacity%3D%22.5%22%2F%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8.94%2014.44c-.44.439-.44%201.146-.44%202.56v2c0%201.414%200%202.121.44%202.56c.439.44%201.146.44%202.56.44h1c1.414%200%202.121%200%202.56-.44c.44-.439.44-1.146.44-2.56v-2c0-1.414%200-2.121-.44-2.56c-.439-.44-1.146-.44-2.56-.44h-1c-1.414%200-2.121%200-2.56.44M10.25%2018a.75.75%200%200%201%20.75-.75h2a.75.75%200%200%201%200%201.5h-2a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M22%2012.353c0%202.88-2.181%205.256-5%205.603l-1.5.007V17c0-1.414%200-2.121-.44-2.56c-.439-.44-1.146-.44-2.56-.44h-1c-1.414%200-2.121%200-2.56.44c-.44.439-.44%201.146-.44%202.56v.993L7%2018h-.714C3.919%2018%202%2016.104%202%2013.765s1.919-4.236%204.286-4.236q.427.001.83.08a5.6%205.6%200%200%201-.354-1.962C6.762%204.528%209.32%202%2012.476%202c2.94%200%205.361%202.194%205.68%205.015C20.392%207.78%2022%209.881%2022%2012.353%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/cloud-storage-duotone.svg?color=%231a73e8&size=48
