Cloud Crossed Icon SVG
Cloud Crossed
Cloud crossed SVG Icon Code | Customize color
You can get svg icon cloud crossed in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeCloud crossed
DownloadSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="cloudCrossedIconTitle"> <title id="cloudCrossedIconTitle">Cloud/internet services unavailable</title> <path d="M13 6C15.9818 6 18.4555 8.17504 18.9212 11.0251C20.6556 11.2331 22 12.7096 22 14.5C22 16.433 20.433 18 18.5 18H6.5C4.01472 18 2 15.9853 2 13.5C2 11.0147 4.01472 9 6.5 9C6.91949 9 7.32556 9.0574 7.71081 9.16477C8.72277 7.28089 10.7118 6 13 6Z"/> <path d="M3 21L20 4"/> </svg> Cloud crossed
DownloadSvg Code
<svg style='color: white' width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="cloudCrossedIconTitle"> <title id="cloudCrossedIconTitle">Cloud/internet services unavailable</title> <path d="M13 6C15.9818 6 18.4555 8.17504 18.9212 11.0251C20.6556 11.2331 22 12.7096 22 14.5C22 16.433 20.433 18 18.5 18H6.5C4.01472 18 2 15.9853 2 13.5C2 11.0147 4.01472 9 6.5 9C6.91949 9 7.32556 9.0574 7.71081 9.16477C8.72277 7.28089 10.7118 6 13 6Z"/> <path d="M3 21L20 4"/> </svg> Cloud crossed
DownloadSvg Code
<svg style='color: red' width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="cloudCrossedIconTitle"> <title id="cloudCrossedIconTitle">Cloud/internet services unavailable</title> <path d="M13 6C15.9818 6 18.4555 8.17504 18.9212 11.0251C20.6556 11.2331 22 12.7096 22 14.5C22 16.433 20.433 18 18.5 18H6.5C4.01472 18 2 15.9853 2 13.5C2 11.0147 4.01472 9 6.5 9C6.91949 9 7.32556 9.0574 7.71081 9.16477C8.72277 7.28089 10.7118 6 13 6Z"/> <path d="M3 21L20 4"/> </svg> Cloud crossed
DownloadSvg Code
<svg style='color: blue' width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="cloudCrossedIconTitle"> <title id="cloudCrossedIconTitle">Cloud/internet services unavailable</title> <path d="M13 6C15.9818 6 18.4555 8.17504 18.9212 11.0251C20.6556 11.2331 22 12.7096 22 14.5C22 16.433 20.433 18 18.5 18H6.5C4.01472 18 2 15.9853 2 13.5C2 11.0147 4.01472 9 6.5 9C6.91949 9 7.32556 9.0574 7.71081 9.16477C8.72277 7.28089 10.7118 6 13 6Z"/> <path d="M3 21L20 4"/> </svg> Cloud crossed
DownloadSvg Code
<svg style='color: #f3da35' width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="cloudCrossedIconTitle"> <title id="cloudCrossedIconTitle">Cloud/internet services unavailable</title> <path d="M13 6C15.9818 6 18.4555 8.17504 18.9212 11.0251C20.6556 11.2331 22 12.7096 22 14.5C22 16.433 20.433 18 18.5 18H6.5C4.01472 18 2 15.9853 2 13.5C2 11.0147 4.01472 9 6.5 9C6.91949 9 7.32556 9.0574 7.71081 9.16477C8.72277 7.28089 10.7118 6 13 6Z"/> <path d="M3 21L20 4"/> </svg> Advance Editor
You can edit cloud crossed as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements