cloud upload icon
cloud-upload from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- cloud-upload
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
cloud-uploadAkar Iconscloud-uploadBootstrap Iconscloud-uploadBoxIcons v2cloud-uploadBoxIcons v2 Solidcloud-uploadCarboncloud-upload-fillEva Iconscloud-uploadHuge Iconscloud-uploadIconoircloud-uploadIonIconscloud-uploadLucidecloud-uploadMajesticonscloud-uploadMaterial Symbolscloud-uploadMaterial Design Iconscloud-uploadOcticonscloud-uploadPixelarticonscloud-upload-boldSolarcloud-uploadTabler Iconscloud-uploadUnicons
Related icons in Framework7 Icons
Use the cloud upload icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.944 20.058c.443 0 .81.133 1.221.502l8.06 7.772c.352.351.563.726.563 1.242c0 .96-.703 1.64-1.687 1.64c-.47 0-.961-.187-1.29-.562L31.25 26.88l-1.594-1.664l.164 3.492V46.77c0 .985-.867 1.805-1.875 1.805c-1.007 0-1.851-.82-1.851-1.805V28.707l.14-3.492l-1.593 1.664l-3.54 3.773a1.7 1.7 0 0 1-1.265.563c-.984 0-1.71-.68-1.71-1.641c0-.516.187-.89.538-1.242l7.922-7.64c.469-.47.89-.634 1.36-.634m4.737-16.287c8.507 0 15.403 6.896 15.403 15.402q0 .726-.066 1.435c4.303 1.014 7.506 4.88 7.506 9.492c0 5.386-4.366 9.752-9.752 9.752h-11.25v-3.75h11.248a6 6 0 0 0 6.002-6.002a6.006 6.006 0 0 0-4.617-5.842l-3.174-.748l.3-3.247q.05-.54.05-1.09c0-6.435-5.216-11.652-11.652-11.652a11.64 11.64 0 0 0-9.777 5.31l-1.525 2.344l-2.681-.792a4.994 4.994 0 0 0-6.408 4.574l-.004.293l.093 3.15l-2.997.691a6.594 6.594 0 0 0-5.1 6.422a6.59 6.59 0 0 0 6.59 6.59h10.652v3.75H10.872c-5.71 0-10.34-4.63-10.34-10.34c0-4.908 3.42-9.018 8.007-10.076l-.004-.264a8.744 8.744 0 0 1 11.225-8.387c2.747-4.223 7.508-7.015 12.921-7.015"/></svg>
React
import type { SVGProps } from "react";
export function F7CloudUpload(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.944 20.058c.443 0 .81.133 1.221.502l8.06 7.772c.352.351.563.726.563 1.242c0 .96-.703 1.64-1.687 1.64c-.47 0-.961-.187-1.29-.562L31.25 26.88l-1.594-1.664l.164 3.492V46.77c0 .985-.867 1.805-1.875 1.805c-1.007 0-1.851-.82-1.851-1.805V28.707l.14-3.492l-1.593 1.664l-3.54 3.773a1.7 1.7 0 0 1-1.265.563c-.984 0-1.71-.68-1.71-1.641c0-.516.187-.89.538-1.242l7.922-7.64c.469-.47.89-.634 1.36-.634m4.737-16.287c8.507 0 15.403 6.896 15.403 15.402q0 .726-.066 1.435c4.303 1.014 7.506 4.88 7.506 9.492c0 5.386-4.366 9.752-9.752 9.752h-11.25v-3.75h11.248a6 6 0 0 0 6.002-6.002a6.006 6.006 0 0 0-4.617-5.842l-3.174-.748l.3-3.247q.05-.54.05-1.09c0-6.435-5.216-11.652-11.652-11.652a11.64 11.64 0 0 0-9.777 5.31l-1.525 2.344l-2.681-.792a4.994 4.994 0 0 0-6.408 4.574l-.004.293l.093 3.15l-2.997.691a6.594 6.594 0 0 0-5.1 6.422a6.59 6.59 0 0 0 6.59 6.59h10.652v3.75H10.872c-5.71 0-10.34-4.63-10.34-10.34c0-4.908 3.42-9.018 8.007-10.076l-.004-.264a8.744 8.744 0 0 1 11.225-8.387c2.747-4.223 7.508-7.015 12.921-7.015"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.944 20.058c.443 0 .81.133 1.221.502l8.06 7.772c.352.351.563.726.563 1.242c0 .96-.703 1.64-1.687 1.64c-.47 0-.961-.187-1.29-.562L31.25 26.88l-1.594-1.664l.164 3.492V46.77c0 .985-.867 1.805-1.875 1.805c-1.007 0-1.851-.82-1.851-1.805V28.707l.14-3.492l-1.593 1.664l-3.54 3.773a1.7 1.7 0 0 1-1.265.563c-.984 0-1.71-.68-1.71-1.641c0-.516.187-.89.538-1.242l7.922-7.64c.469-.47.89-.634 1.36-.634m4.737-16.287c8.507 0 15.403 6.896 15.403 15.402q0 .726-.066 1.435c4.303 1.014 7.506 4.88 7.506 9.492c0 5.386-4.366 9.752-9.752 9.752h-11.25v-3.75h11.248a6 6 0 0 0 6.002-6.002a6.006 6.006 0 0 0-4.617-5.842l-3.174-.748l.3-3.247q.05-.54.05-1.09c0-6.435-5.216-11.652-11.652-11.652a11.64 11.64 0 0 0-9.777 5.31l-1.525 2.344l-2.681-.792a4.994 4.994 0 0 0-6.408 4.574l-.004.293l.093 3.15l-2.997.691a6.594 6.594 0 0 0-5.1 6.422a6.59 6.59 0 0 0 6.59 6.59h10.652v3.75H10.872c-5.71 0-10.34-4.63-10.34-10.34c0-4.908 3.42-9.018 8.007-10.076l-.004-.264a8.744 8.744 0 0 1 11.225-8.387c2.747-4.223 7.508-7.015 12.921-7.015"/></svg> </template>
CSS
.icon-cloud-upload {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.944%2020.058c.443%200%20.81.133%201.221.502l8.06%207.772c.352.351.563.726.563%201.242c0%20.96-.703%201.64-1.687%201.64c-.47%200-.961-.187-1.29-.562L31.25%2026.88l-1.594-1.664l.164%203.492V46.77c0%20.985-.867%201.805-1.875%201.805c-1.007%200-1.851-.82-1.851-1.805V28.707l.14-3.492l-1.593%201.664l-3.54%203.773a1.7%201.7%200%200%201-1.265.563c-.984%200-1.71-.68-1.71-1.641c0-.516.187-.89.538-1.242l7.922-7.64c.469-.47.89-.634%201.36-.634m4.737-16.287c8.507%200%2015.403%206.896%2015.403%2015.402q0%20.726-.066%201.435c4.303%201.014%207.506%204.88%207.506%209.492c0%205.386-4.366%209.752-9.752%209.752h-11.25v-3.75h11.248a6%206%200%200%200%206.002-6.002a6.006%206.006%200%200%200-4.617-5.842l-3.174-.748l.3-3.247q.05-.54.05-1.09c0-6.435-5.216-11.652-11.652-11.652a11.64%2011.64%200%200%200-9.777%205.31l-1.525%202.344l-2.681-.792a4.994%204.994%200%200%200-6.408%204.574l-.004.293l.093%203.15l-2.997.691a6.594%206.594%200%200%200-5.1%206.422a6.59%206.59%200%200%200%206.59%206.59h10.652v3.75H10.872c-5.71%200-10.34-4.63-10.34-10.34c0-4.908%203.42-9.018%208.007-10.076l-.004-.264a8.744%208.744%200%200%201%2011.225-8.387c2.747-4.223%207.508-7.015%2012.921-7.015%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.944%2020.058c.443%200%20.81.133%201.221.502l8.06%207.772c.352.351.563.726.563%201.242c0%20.96-.703%201.64-1.687%201.64c-.47%200-.961-.187-1.29-.562L31.25%2026.88l-1.594-1.664l.164%203.492V46.77c0%20.985-.867%201.805-1.875%201.805c-1.007%200-1.851-.82-1.851-1.805V28.707l.14-3.492l-1.593%201.664l-3.54%203.773a1.7%201.7%200%200%201-1.265.563c-.984%200-1.71-.68-1.71-1.641c0-.516.187-.89.538-1.242l7.922-7.64c.469-.47.89-.634%201.36-.634m4.737-16.287c8.507%200%2015.403%206.896%2015.403%2015.402q0%20.726-.066%201.435c4.303%201.014%207.506%204.88%207.506%209.492c0%205.386-4.366%209.752-9.752%209.752h-11.25v-3.75h11.248a6%206%200%200%200%206.002-6.002a6.006%206.006%200%200%200-4.617-5.842l-3.174-.748l.3-3.247q.05-.54.05-1.09c0-6.435-5.216-11.652-11.652-11.652a11.64%2011.64%200%200%200-9.777%205.31l-1.525%202.344l-2.681-.792a4.994%204.994%200%200%200-6.408%204.574l-.004.293l.093%203.15l-2.997.691a6.594%206.594%200%200%200-5.1%206.422a6.59%206.59%200%200%200%206.59%206.59h10.652v3.75H10.872c-5.71%200-10.34-4.63-10.34-10.34c0-4.908%203.42-9.018%208.007-10.076l-.004-.264a8.744%208.744%200%200%201%2011.225-8.387c2.747-4.223%207.508-7.015%2012.921-7.015%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/cloud-upload.svg?color=%231a73e8&size=48
