cloud file icon
cloud-file from Reicon by REICON · Outline · Files · MIT Free for personal and commercial use.
- Name
- cloud-file
- Set
- Reicon
- Style
- Outline
- Category
- Files
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More files icons from Reicon
Use the cloud file icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12.25 2.834c-.46-.078-1.088-.084-2.22-.084c-1.917 0-3.28.002-4.312.14c-1.012.135-1.593.39-2.016.812s-.677 1.003-.812 2.009c-.138 1.028-.14 2.382-.14 4.29v4c0 1.906.002 3.26.14 4.288c.135 1.006.389 1.586.812 2.01c.423.422 1.003.676 2.009.811c1.028.139 2.382.14 4.289.14h4c1.907 0 3.262-.002 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.138-1.027.14-2.382.14-4.289v-.437c0-1.536-.01-2.264-.174-2.813h-3.13c-1.133 0-2.058 0-2.79-.098c-.763-.103-1.425-.325-1.954-.854s-.751-1.19-.854-1.955c-.098-.73-.098-1.656-.098-2.79zm1.5.776V5c0 1.2.002 2.024.085 2.643c.08.598.224.891.428 1.094s.496.348 1.094.428c.619.083 1.443.085 2.643.085h2.02a46 46 0 0 0-1.17-1.076l-3.959-3.563A37 37 0 0 0 13.75 3.61m-3.575-2.36c1.385 0 2.28 0 3.103.315c.823.316 1.485.912 2.51 1.835l.107.096l3.958 3.563l.125.112c1.184 1.065 1.95 1.754 2.361 2.678s.412 1.954.411 3.546v.661c0 1.838 0 3.294-.153 4.433c-.158 1.172-.49 2.121-1.238 2.87c-.749.748-1.698 1.08-2.87 1.238c-1.14.153-2.595.153-4.433.153H9.944c-1.838 0-3.294 0-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433V9.945c0-1.838 0-3.294.153-4.433c.158-1.172.49-2.121 1.238-2.87c.75-.749 1.701-1.08 2.878-1.238c1.144-.153 2.607-.153 4.455-.153h.202"/><path d="M9.667 13.75c-.782 0-1.25.54-1.25 1.015v.017q.155.064.298.148a.75.75 0 1 1-.763 1.292a.86.86 0 0 0-.452-.119c-.505 0-.75.342-.75.573c0 .232.245.574.75.574H11c.781 0 1.25-.54 1.25-1.015c0-.382-.285-.789-.815-.95a1.5 1.5 0 0 0-.878.002a.75.75 0 1 1-.384-1.45a1.5 1.5 0 0 0-.506-.087m2.627.266c-.36-1.068-1.451-1.766-2.627-1.766c-1.399 0-2.696.998-2.749 2.425c-.914.228-1.668.982-1.668 2.002c0 1.23 1.098 2.073 2.25 2.073H11c1.428 0 2.75-1.04 2.75-2.515c0-1-.622-1.81-1.456-2.22"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconCloudFile(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" fillRule="evenodd" clipRule="evenodd"><path d="M12.25 2.834c-.46-.078-1.088-.084-2.22-.084c-1.917 0-3.28.002-4.312.14c-1.012.135-1.593.39-2.016.812s-.677 1.003-.812 2.009c-.138 1.028-.14 2.382-.14 4.29v4c0 1.906.002 3.26.14 4.288c.135 1.006.389 1.586.812 2.01c.423.422 1.003.676 2.009.811c1.028.139 2.382.14 4.289.14h4c1.907 0 3.262-.002 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.138-1.027.14-2.382.14-4.289v-.437c0-1.536-.01-2.264-.174-2.813h-3.13c-1.133 0-2.058 0-2.79-.098c-.763-.103-1.425-.325-1.954-.854s-.751-1.19-.854-1.955c-.098-.73-.098-1.656-.098-2.79zm1.5.776V5c0 1.2.002 2.024.085 2.643c.08.598.224.891.428 1.094s.496.348 1.094.428c.619.083 1.443.085 2.643.085h2.02a46 46 0 0 0-1.17-1.076l-3.959-3.563A37 37 0 0 0 13.75 3.61m-3.575-2.36c1.385 0 2.28 0 3.103.315c.823.316 1.485.912 2.51 1.835l.107.096l3.958 3.563l.125.112c1.184 1.065 1.95 1.754 2.361 2.678s.412 1.954.411 3.546v.661c0 1.838 0 3.294-.153 4.433c-.158 1.172-.49 2.121-1.238 2.87c-.749.748-1.698 1.08-2.87 1.238c-1.14.153-2.595.153-4.433.153H9.944c-1.838 0-3.294 0-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433V9.945c0-1.838 0-3.294.153-4.433c.158-1.172.49-2.121 1.238-2.87c.75-.749 1.701-1.08 2.878-1.238c1.144-.153 2.607-.153 4.455-.153h.202"/><path d="M9.667 13.75c-.782 0-1.25.54-1.25 1.015v.017q.155.064.298.148a.75.75 0 1 1-.763 1.292a.86.86 0 0 0-.452-.119c-.505 0-.75.342-.75.573c0 .232.245.574.75.574H11c.781 0 1.25-.54 1.25-1.015c0-.382-.285-.789-.815-.95a1.5 1.5 0 0 0-.878.002a.75.75 0 1 1-.384-1.45a1.5 1.5 0 0 0-.506-.087m2.627.266c-.36-1.068-1.451-1.766-2.627-1.766c-1.399 0-2.696.998-2.749 2.425c-.914.228-1.668.982-1.668 2.002c0 1.23 1.098 2.073 2.25 2.073H11c1.428 0 2.75-1.04 2.75-2.515c0-1-.622-1.81-1.456-2.22"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12.25 2.834c-.46-.078-1.088-.084-2.22-.084c-1.917 0-3.28.002-4.312.14c-1.012.135-1.593.39-2.016.812s-.677 1.003-.812 2.009c-.138 1.028-.14 2.382-.14 4.29v4c0 1.906.002 3.26.14 4.288c.135 1.006.389 1.586.812 2.01c.423.422 1.003.676 2.009.811c1.028.139 2.382.14 4.289.14h4c1.907 0 3.262-.002 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.138-1.027.14-2.382.14-4.289v-.437c0-1.536-.01-2.264-.174-2.813h-3.13c-1.133 0-2.058 0-2.79-.098c-.763-.103-1.425-.325-1.954-.854s-.751-1.19-.854-1.955c-.098-.73-.098-1.656-.098-2.79zm1.5.776V5c0 1.2.002 2.024.085 2.643c.08.598.224.891.428 1.094s.496.348 1.094.428c.619.083 1.443.085 2.643.085h2.02a46 46 0 0 0-1.17-1.076l-3.959-3.563A37 37 0 0 0 13.75 3.61m-3.575-2.36c1.385 0 2.28 0 3.103.315c.823.316 1.485.912 2.51 1.835l.107.096l3.958 3.563l.125.112c1.184 1.065 1.95 1.754 2.361 2.678s.412 1.954.411 3.546v.661c0 1.838 0 3.294-.153 4.433c-.158 1.172-.49 2.121-1.238 2.87c-.749.748-1.698 1.08-2.87 1.238c-1.14.153-2.595.153-4.433.153H9.944c-1.838 0-3.294 0-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433V9.945c0-1.838 0-3.294.153-4.433c.158-1.172.49-2.121 1.238-2.87c.75-.749 1.701-1.08 2.878-1.238c1.144-.153 2.607-.153 4.455-.153h.202"/><path d="M9.667 13.75c-.782 0-1.25.54-1.25 1.015v.017q.155.064.298.148a.75.75 0 1 1-.763 1.292a.86.86 0 0 0-.452-.119c-.505 0-.75.342-.75.573c0 .232.245.574.75.574H11c.781 0 1.25-.54 1.25-1.015c0-.382-.285-.789-.815-.95a1.5 1.5 0 0 0-.878.002a.75.75 0 1 1-.384-1.45a1.5 1.5 0 0 0-.506-.087m2.627.266c-.36-1.068-1.451-1.766-2.627-1.766c-1.399 0-2.696.998-2.749 2.425c-.914.228-1.668.982-1.668 2.002c0 1.23 1.098 2.073 2.25 2.073H11c1.428 0 2.75-1.04 2.75-2.515c0-1-.622-1.81-1.456-2.22"/></g></svg> </template>
CSS
.icon-cloud-file {
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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12.25%202.834c-.46-.078-1.088-.084-2.22-.084c-1.917%200-3.28.002-4.312.14c-1.012.135-1.593.39-2.016.812s-.677%201.003-.812%202.009c-.138%201.028-.14%202.382-.14%204.29v4c0%201.906.002%203.26.14%204.288c.135%201.006.389%201.586.812%202.01c.423.422%201.003.676%202.009.811c1.028.139%202.382.14%204.289.14h4c1.907%200%203.262-.002%204.29-.14c1.005-.135%201.585-.389%202.008-.812s.677-1.003.812-2.009c.138-1.027.14-2.382.14-4.289v-.437c0-1.536-.01-2.264-.174-2.813h-3.13c-1.133%200-2.058%200-2.79-.098c-.763-.103-1.425-.325-1.954-.854s-.751-1.19-.854-1.955c-.098-.73-.098-1.656-.098-2.79zm1.5.776V5c0%201.2.002%202.024.085%202.643c.08.598.224.891.428%201.094s.496.348%201.094.428c.619.083%201.443.085%202.643.085h2.02a46%2046%200%200%200-1.17-1.076l-3.959-3.563A37%2037%200%200%200%2013.75%203.61m-3.575-2.36c1.385%200%202.28%200%203.103.315c.823.316%201.485.912%202.51%201.835l.107.096l3.958%203.563l.125.112c1.184%201.065%201.95%201.754%202.361%202.678s.412%201.954.411%203.546v.661c0%201.838%200%203.294-.153%204.433c-.158%201.172-.49%202.121-1.238%202.87c-.749.748-1.698%201.08-2.87%201.238c-1.14.153-2.595.153-4.433.153H9.944c-1.838%200-3.294%200-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433V9.945c0-1.838%200-3.294.153-4.433c.158-1.172.49-2.121%201.238-2.87c.75-.749%201.701-1.08%202.878-1.238c1.144-.153%202.607-.153%204.455-.153h.202%22%2F%3E%3Cpath%20d%3D%22M9.667%2013.75c-.782%200-1.25.54-1.25%201.015v.017q.155.064.298.148a.75.75%200%201%201-.763%201.292a.86.86%200%200%200-.452-.119c-.505%200-.75.342-.75.573c0%20.232.245.574.75.574H11c.781%200%201.25-.54%201.25-1.015c0-.382-.285-.789-.815-.95a1.5%201.5%200%200%200-.878.002a.75.75%200%201%201-.384-1.45a1.5%201.5%200%200%200-.506-.087m2.627.266c-.36-1.068-1.451-1.766-2.627-1.766c-1.399%200-2.696.998-2.749%202.425c-.914.228-1.668.982-1.668%202.002c0%201.23%201.098%202.073%202.25%202.073H11c1.428%200%202.75-1.04%202.75-2.515c0-1-.622-1.81-1.456-2.22%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12.25%202.834c-.46-.078-1.088-.084-2.22-.084c-1.917%200-3.28.002-4.312.14c-1.012.135-1.593.39-2.016.812s-.677%201.003-.812%202.009c-.138%201.028-.14%202.382-.14%204.29v4c0%201.906.002%203.26.14%204.288c.135%201.006.389%201.586.812%202.01c.423.422%201.003.676%202.009.811c1.028.139%202.382.14%204.289.14h4c1.907%200%203.262-.002%204.29-.14c1.005-.135%201.585-.389%202.008-.812s.677-1.003.812-2.009c.138-1.027.14-2.382.14-4.289v-.437c0-1.536-.01-2.264-.174-2.813h-3.13c-1.133%200-2.058%200-2.79-.098c-.763-.103-1.425-.325-1.954-.854s-.751-1.19-.854-1.955c-.098-.73-.098-1.656-.098-2.79zm1.5.776V5c0%201.2.002%202.024.085%202.643c.08.598.224.891.428%201.094s.496.348%201.094.428c.619.083%201.443.085%202.643.085h2.02a46%2046%200%200%200-1.17-1.076l-3.959-3.563A37%2037%200%200%200%2013.75%203.61m-3.575-2.36c1.385%200%202.28%200%203.103.315c.823.316%201.485.912%202.51%201.835l.107.096l3.958%203.563l.125.112c1.184%201.065%201.95%201.754%202.361%202.678s.412%201.954.411%203.546v.661c0%201.838%200%203.294-.153%204.433c-.158%201.172-.49%202.121-1.238%202.87c-.749.748-1.698%201.08-2.87%201.238c-1.14.153-2.595.153-4.433.153H9.944c-1.838%200-3.294%200-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433V9.945c0-1.838%200-3.294.153-4.433c.158-1.172.49-2.121%201.238-2.87c.75-.749%201.701-1.08%202.878-1.238c1.144-.153%202.607-.153%204.455-.153h.202%22%2F%3E%3Cpath%20d%3D%22M9.667%2013.75c-.782%200-1.25.54-1.25%201.015v.017q.155.064.298.148a.75.75%200%201%201-.763%201.292a.86.86%200%200%200-.452-.119c-.505%200-.75.342-.75.573c0%20.232.245.574.75.574H11c.781%200%201.25-.54%201.25-1.015c0-.382-.285-.789-.815-.95a1.5%201.5%200%200%200-.878.002a.75.75%200%201%201-.384-1.45a1.5%201.5%200%200%200-.506-.087m2.627.266c-.36-1.068-1.451-1.766-2.627-1.766c-1.399%200-2.696.998-2.749%202.425c-.914.228-1.668.982-1.668%202.002c0%201.23%201.098%202.073%202.25%202.073H11c1.428%200%202.75-1.04%202.75-2.515c0-1-.622-1.81-1.456-2.22%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-file.svg?color=%231a73e8&size=48
