folder cloud3 icon
folder-cloud3-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- folder-cloud3-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the folder cloud3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGsvPgGcfj" d="M15.579 19.699c-2.11.15-2.11 3.21 0 3.36h5.01c.61 0 1.19-.22 1.64-.63c1.48-1.29.69-3.89-1.26-4.13c-.7-4.22-6.81-2.62-5.36 1.4"/></defs><g fill="currentColor"><use href="#SVGsvPgGcfj"/><use href="#SVGsvPgGcfj"/><path d="M22 11.07v4.27c0 .32-.51.46-.73.23c-.47-.49-1.06-.86-1.74-1.07c-1.57-.49-3.38-.01-4.52 1.17c-.72.77-1.11 1.73-1.13 2.77c0 .18-.09.34-.23.45c-.72.57-1.16 1.46-1.16 2.48v.01c0 .32-.23.61-.55.61h-4.6C4.4 22 2 19.6 2 16.65V6.42C2 3.98 3.98 2 6.42 2h2.32c1.63 0 2.14.53 2.79 1.4l1.4 1.86c.31.41.35.46.93.46h2.79c2.38 0 4.4 1.56 5.09 3.72c.15.45.23.91.25 1.4c.01.07.01.16.01.23"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconFolderCloud3Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGsvPgGcfj" d="M15.579 19.699c-2.11.15-2.11 3.21 0 3.36h5.01c.61 0 1.19-.22 1.64-.63c1.48-1.29.69-3.89-1.26-4.13c-.7-4.22-6.81-2.62-5.36 1.4"/></defs><g fill="currentColor"><use href="#SVGsvPgGcfj"/><use href="#SVGsvPgGcfj"/><path d="M22 11.07v4.27c0 .32-.51.46-.73.23c-.47-.49-1.06-.86-1.74-1.07c-1.57-.49-3.38-.01-4.52 1.17c-.72.77-1.11 1.73-1.13 2.77c0 .18-.09.34-.23.45c-.72.57-1.16 1.46-1.16 2.48v.01c0 .32-.23.61-.55.61h-4.6C4.4 22 2 19.6 2 16.65V6.42C2 3.98 3.98 2 6.42 2h2.32c1.63 0 2.14.53 2.79 1.4l1.4 1.86c.31.41.35.46.93.46h2.79c2.38 0 4.4 1.56 5.09 3.72c.15.45.23.91.25 1.4c.01.07.01.16.01.23"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGsvPgGcfj" d="M15.579 19.699c-2.11.15-2.11 3.21 0 3.36h5.01c.61 0 1.19-.22 1.64-.63c1.48-1.29.69-3.89-1.26-4.13c-.7-4.22-6.81-2.62-5.36 1.4"/></defs><g fill="currentColor"><use href="#SVGsvPgGcfj"/><use href="#SVGsvPgGcfj"/><path d="M22 11.07v4.27c0 .32-.51.46-.73.23c-.47-.49-1.06-.86-1.74-1.07c-1.57-.49-3.38-.01-4.52 1.17c-.72.77-1.11 1.73-1.13 2.77c0 .18-.09.34-.23.45c-.72.57-1.16 1.46-1.16 2.48v.01c0 .32-.23.61-.55.61h-4.6C4.4 22 2 19.6 2 16.65V6.42C2 3.98 3.98 2 6.42 2h2.32c1.63 0 2.14.53 2.79 1.4l1.4 1.86c.31.41.35.46.93.46h2.79c2.38 0 4.4 1.56 5.09 3.72c.15.45.23.91.25 1.4c.01.07.01.16.01.23"/></g></svg> </template>
CSS
.icon-folder-cloud3-filled {
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%3Cdefs%3E%3Cpath%20id%3D%22SVGsvPgGcfj%22%20d%3D%22M15.579%2019.699c-2.11.15-2.11%203.21%200%203.36h5.01c.61%200%201.19-.22%201.64-.63c1.48-1.29.69-3.89-1.26-4.13c-.7-4.22-6.81-2.62-5.36%201.4%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cuse%20href%3D%22%23SVGsvPgGcfj%22%2F%3E%3Cuse%20href%3D%22%23SVGsvPgGcfj%22%2F%3E%3Cpath%20d%3D%22M22%2011.07v4.27c0%20.32-.51.46-.73.23c-.47-.49-1.06-.86-1.74-1.07c-1.57-.49-3.38-.01-4.52%201.17c-.72.77-1.11%201.73-1.13%202.77c0%20.18-.09.34-.23.45c-.72.57-1.16%201.46-1.16%202.48v.01c0%20.32-.23.61-.55.61h-4.6C4.4%2022%202%2019.6%202%2016.65V6.42C2%203.98%203.98%202%206.42%202h2.32c1.63%200%202.14.53%202.79%201.4l1.4%201.86c.31.41.35.46.93.46h2.79c2.38%200%204.4%201.56%205.09%203.72c.15.45.23.91.25%201.4c.01.07.01.16.01.23%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%3Cdefs%3E%3Cpath%20id%3D%22SVGsvPgGcfj%22%20d%3D%22M15.579%2019.699c-2.11.15-2.11%203.21%200%203.36h5.01c.61%200%201.19-.22%201.64-.63c1.48-1.29.69-3.89-1.26-4.13c-.7-4.22-6.81-2.62-5.36%201.4%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cuse%20href%3D%22%23SVGsvPgGcfj%22%2F%3E%3Cuse%20href%3D%22%23SVGsvPgGcfj%22%2F%3E%3Cpath%20d%3D%22M22%2011.07v4.27c0%20.32-.51.46-.73.23c-.47-.49-1.06-.86-1.74-1.07c-1.57-.49-3.38-.01-4.52%201.17c-.72.77-1.11%201.73-1.13%202.77c0%20.18-.09.34-.23.45c-.72.57-1.16%201.46-1.16%202.48v.01c0%20.32-.23.61-.55.61h-4.6C4.4%2022%202%2019.6%202%2016.65V6.42C2%203.98%203.98%202%206.42%202h2.32c1.63%200%202.14.53%202.79%201.4l1.4%201.86c.31.41.35.46.93.46h2.79c2.38%200%204.4%201.56%205.09%203.72c.15.45.23.91.25%201.4c.01.07.01.16.01.23%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/folder-cloud3-filled.svg?color=%231a73e8&size=48
