folder cloud functions open logo
folder-cloud-functions-open from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- folder-cloud-functions-open
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in Material Icon Theme
folder-adminfolder-admin-openfolder-androidfolder-android-openfolder-angularfolder-angular-openfolder-animationfolder-animation-openfolder-ansiblefolder-ansible-openfolder-apifolder-api-openfolder-apollofolder-apollo-openfolder-appfolder-app-openfolder-appwritefolder-appwrite-openfolder-archivefolder-archive-openfolder-assemblyfolder-assembly-openfolder-astrofolder-astro-open
Use the folder cloud functions open logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><defs><path id="SVGQNnMjb8B" fill="#bbdefb" d="m26 14l2-2l4 4l-2 2z"/></defs><path fill="#2196f3" fill-rule="nonzero" d="M28.967 12H9.442c-.859 0-1.627.553-1.898 1.368L4 24V10h24c0-1.097-.903-2-2-2H15.124c-.468 0-.921-.164-1.28-.464l-1.288-1.072A2 2 0 0 0 11.276 6H4c-1.097 0-2 .903-2 2v16c0 1.097.903 2 2 2h22l4.805-11.212c.107-.249.162-.517.162-.788c0-1.097-.903-2-2-2"/><path fill="#bbdefb" d="M21.982 17.988h2.037v1.996h-2.037zm-2.983.021h2.037v1.996h-2.037zm5.998 0h1.996v1.996h-1.996zM29 14h3v10h-3z"/><use href="#SVGQNnMjb8B" transform="translate(0 -2)"/><use href="#SVGQNnMjb8B" transform="matrix(1 0 0 -1 0 40)"/><path fill="#bbdefb" d="M14 14h3v10h-3z"/><use href="#SVGQNnMjb8B" transform="matrix(-1 0 0 1 46 -2)"/><use href="#SVGQNnMjb8B" transform="rotate(180 23 20)"/></g></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeFolderCloudFunctionsOpen(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fillRule="evenodd" strokeLinejoin="round" strokeMiterlimit="2"><defs><path id="SVGQNnMjb8B" fill="#bbdefb" d="m26 14l2-2l4 4l-2 2z"/></defs><path fill="#2196f3" fillRule="nonzero" d="M28.967 12H9.442c-.859 0-1.627.553-1.898 1.368L4 24V10h24c0-1.097-.903-2-2-2H15.124c-.468 0-.921-.164-1.28-.464l-1.288-1.072A2 2 0 0 0 11.276 6H4c-1.097 0-2 .903-2 2v16c0 1.097.903 2 2 2h22l4.805-11.212c.107-.249.162-.517.162-.788c0-1.097-.903-2-2-2"/><path fill="#bbdefb" d="M21.982 17.988h2.037v1.996h-2.037zm-2.983.021h2.037v1.996h-2.037zm5.998 0h1.996v1.996h-1.996zM29 14h3v10h-3z"/><use href="#SVGQNnMjb8B" transform="translate(0 -2)"/><use href="#SVGQNnMjb8B" transform="matrix(1 0 0 -1 0 40)"/><path fill="#bbdefb" d="M14 14h3v10h-3z"/><use href="#SVGQNnMjb8B" transform="matrix(-1 0 0 1 46 -2)"/><use href="#SVGQNnMjb8B" transform="rotate(180 23 20)"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><defs><path id="SVGQNnMjb8B" fill="#bbdefb" d="m26 14l2-2l4 4l-2 2z"/></defs><path fill="#2196f3" fill-rule="nonzero" d="M28.967 12H9.442c-.859 0-1.627.553-1.898 1.368L4 24V10h24c0-1.097-.903-2-2-2H15.124c-.468 0-.921-.164-1.28-.464l-1.288-1.072A2 2 0 0 0 11.276 6H4c-1.097 0-2 .903-2 2v16c0 1.097.903 2 2 2h22l4.805-11.212c.107-.249.162-.517.162-.788c0-1.097-.903-2-2-2"/><path fill="#bbdefb" d="M21.982 17.988h2.037v1.996h-2.037zm-2.983.021h2.037v1.996h-2.037zm5.998 0h1.996v1.996h-1.996zM29 14h3v10h-3z"/><use href="#SVGQNnMjb8B" transform="translate(0 -2)"/><use href="#SVGQNnMjb8B" transform="matrix(1 0 0 -1 0 40)"/><path fill="#bbdefb" d="M14 14h3v10h-3z"/><use href="#SVGQNnMjb8B" transform="matrix(-1 0 0 1 46 -2)"/><use href="#SVGQNnMjb8B" transform="rotate(180 23 20)"/></g></svg> </template>
CSS
.icon-folder-cloud-functions-open {
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%2032%2032%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGQNnMjb8B%22%20fill%3D%22%23bbdefb%22%20d%3D%22m26%2014l2-2l4%204l-2%202z%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%232196f3%22%20fill-rule%3D%22nonzero%22%20d%3D%22M28.967%2012H9.442c-.859%200-1.627.553-1.898%201.368L4%2024V10h24c0-1.097-.903-2-2-2H15.124c-.468%200-.921-.164-1.28-.464l-1.288-1.072A2%202%200%200%200%2011.276%206H4c-1.097%200-2%20.903-2%202v16c0%201.097.903%202%202%202h22l4.805-11.212c.107-.249.162-.517.162-.788c0-1.097-.903-2-2-2%22%2F%3E%3Cpath%20fill%3D%22%23bbdefb%22%20d%3D%22M21.982%2017.988h2.037v1.996h-2.037zm-2.983.021h2.037v1.996h-2.037zm5.998%200h1.996v1.996h-1.996zM29%2014h3v10h-3z%22%2F%3E%3Cuse%20href%3D%22%23SVGQNnMjb8B%22%20transform%3D%22translate(0%20-2)%22%2F%3E%3Cuse%20href%3D%22%23SVGQNnMjb8B%22%20transform%3D%22matrix(1%200%200%20-1%200%2040)%22%2F%3E%3Cpath%20fill%3D%22%23bbdefb%22%20d%3D%22M14%2014h3v10h-3z%22%2F%3E%3Cuse%20href%3D%22%23SVGQNnMjb8B%22%20transform%3D%22matrix(-1%200%200%201%2046%20-2)%22%2F%3E%3Cuse%20href%3D%22%23SVGQNnMjb8B%22%20transform%3D%22rotate(180%2023%2020)%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%2032%2032%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGQNnMjb8B%22%20fill%3D%22%23bbdefb%22%20d%3D%22m26%2014l2-2l4%204l-2%202z%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%232196f3%22%20fill-rule%3D%22nonzero%22%20d%3D%22M28.967%2012H9.442c-.859%200-1.627.553-1.898%201.368L4%2024V10h24c0-1.097-.903-2-2-2H15.124c-.468%200-.921-.164-1.28-.464l-1.288-1.072A2%202%200%200%200%2011.276%206H4c-1.097%200-2%20.903-2%202v16c0%201.097.903%202%202%202h22l4.805-11.212c.107-.249.162-.517.162-.788c0-1.097-.903-2-2-2%22%2F%3E%3Cpath%20fill%3D%22%23bbdefb%22%20d%3D%22M21.982%2017.988h2.037v1.996h-2.037zm-2.983.021h2.037v1.996h-2.037zm5.998%200h1.996v1.996h-1.996zM29%2014h3v10h-3z%22%2F%3E%3Cuse%20href%3D%22%23SVGQNnMjb8B%22%20transform%3D%22translate(0%20-2)%22%2F%3E%3Cuse%20href%3D%22%23SVGQNnMjb8B%22%20transform%3D%22matrix(1%200%200%20-1%200%2040)%22%2F%3E%3Cpath%20fill%3D%22%23bbdefb%22%20d%3D%22M14%2014h3v10h-3z%22%2F%3E%3Cuse%20href%3D%22%23SVGQNnMjb8B%22%20transform%3D%22matrix(-1%200%200%201%2046%20-2)%22%2F%3E%3Cuse%20href%3D%22%23SVGQNnMjb8B%22%20transform%3D%22rotate(180%2023%2020)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/folder-cloud-functions-open.svg?color=%231a73e8&size=48
