Connect To Cloud Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Connect To Cloud icon is commonly used in storage apps, sync indicators and cloud service dashboards. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/319778.svg" alt="Connect To Cloud icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/319778.svg" alt="Connect To Cloud icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/319778.svg" alt="Connect To Cloud icon" :width="24" :height="24" />
CSS background
.icon-connect-to-cloud {
background-image: url('https://proicons.com/icon/319778.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <path id="connect--to-cloud_00000101803214808323654270000003739114632604231101_" d="M16,30.36c-7.393,0-13.606-5.698-14.284-13.03 C1.102,17.199,0.64,16.653,0.64,16s0.462-1.199,1.076-1.33C2.394,7.338,8.607,1.64,16,1.64c7.394,0,13.607,5.698,14.284,13.03 c0.613,0.131,1.076,0.677,1.076,1.33s-0.463,1.199-1.076,1.33C29.607,24.662,23.394,30.36,16,30.36z M2.436,17.288 C3.09,24.24,8.986,29.64,16,29.64s12.91-5.399,13.564-12.352c-0.537-0.182-0.925-0.69-0.925-1.288s0.388-1.106,0.925-1.289 C28.91,7.759,23.014,2.36,16,2.36S3.09,7.759,2.436,14.711C2.973,14.894,3.36,15.402,3.36,16S2.973,17.106,2.436,17.288z M30,15.36 c-0.353,0-0.64,0.287-0.64,0.64s0.287,0.64,0.64,0.64s0.64-0.287,0.64-0.64S30.353,15.36,30,15.36z M2,15.36 c-0.353,0-0.64,0.287-0.64,0.64S1.647,16.64,2,16.64S2.64,16.353,2.64,16S2.353,15.36,2,15.36z M20,17.36 c-0.75,0-1.36-0.61-1.36-1.36c0-0.541,0.317-1.008,0.774-1.228c-0.513-1.437-1.87-2.413-3.414-2.413s-2.901,0.976-3.415,2.413 c0.458,0.219,0.774,0.687,0.774,1.228c0,0.75-0.61,1.36-1.36,1.36s-1.36-0.61-1.36-1.36c0-0.706,0.54-1.287,1.228-1.354 c0.583-1.784,2.24-3.006,4.133-3.006s3.551,1.222,4.132,3.006C20.82,14.713,21.36,15.294,21.36,16C21.36,16.75,20.75,17.36,20,17.36 z M20,15.36c-0.353,0-0.64,0.287-0.64,0.64s0.287,0.64,0.64,0.64s0.64-0.287,0.64-0.64S20.353,15.36,20,15.36z M12,15.36 c-0.353,0-0.64,0.287-0.64,0.64s0.287,0.64,0.64,0.64s0.64-0.287,0.64-0.64S12.353,15.36,12,15.36z M7,17.36 c-0.75,0-1.36-0.61-1.36-1.36c0-0.66,0.473-1.212,1.097-1.334C7.392,10.069,11.32,6.64,16,6.64c5.161,0,9.36,4.199,9.36,9.36h-0.72 c0-4.764-3.876-8.64-8.64-8.64c-4.303,0-7.918,3.141-8.543,7.359C7.983,14.907,8.36,15.411,8.36,16C8.36,16.75,7.75,17.36,7,17.36z M7,15.36c-0.353,0-0.64,0.287-0.64,0.64S6.647,16.64,7,16.64S7.64,16.353,7.64,16S7.353,15.36,7,15.36z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
Copied!