cloud circle icon
cloud-circle-outline from Material Design Icons by Pictogrammers · Outline · Cloud · Apache-2.0 Free for personal and commercial use.
- Name
- cloud-circle-outline
- Set
- Material Design Icons
- Style
- Outline
- Category
- Cloud
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Material Design Icons
The same icon in other sets
More cloud icons from Material Design Icons
cloudcloud-arrow-downcloud-arrow-leftcloud-arrow-rightcloud-arrow-upcloud-bracescloud-cancelcloud-checkcloud-check-variantcloud-clockcloud-cogcloud-downloadcloud-keycloud-lockcloud-lock-opencloud-minuscloud-offcloud-percentcloud-pluscloud-printcloud-questioncloud-refreshcloud-refresh-variantcloud-remove
Use the cloud circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.5 16H16q1.25 0 2.13-.87T19 13q0-1.25-.87-2.12T16 10q-.2-1.45-1.32-2.47q-1.13-1.03-2.53-1.03q-1.27 0-2.31.65T8.3 9q-1.42.13-2.36 1.09T5 12.5T6.03 15q1.02 1 2.47 1m3.5 6q-2.07 0-3.9-.79q-1.82-.78-3.17-2.13T2.79 15.9Q2 14.08 2 12t.79-3.9t2.14-3.17T8.1 2.79Q9.93 2 12 2t3.9.79t3.18 2.14t2.13 3.17Q22 9.93 22 12t-.79 3.9q-.78 1.83-2.13 3.18t-3.18 2.13Q14.08 22 12 22m0-2q3.33 0 5.66-2.34Q20 15.33 20 12t-2.34-5.66Q15.33 4 12 4T6.34 6.34Q4 8.68 4 12t2.34 5.66T12 20m-3.5-6q-.62 0-1.06-.44Q7 13.13 7 12.5t.44-1.06Q7.88 11 8.5 11H10v-.5q0-.82.59-1.41T12 8.5t1.41.59t.59 1.41V12h2q.43 0 .71.29q.29.29.29.71t-.29.71q-.28.29-.71.29m-4-2"/></svg>
React
import type { SVGProps } from "react";
export function MdiCloudCircleOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.5 16H16q1.25 0 2.13-.87T19 13q0-1.25-.87-2.12T16 10q-.2-1.45-1.32-2.47q-1.13-1.03-2.53-1.03q-1.27 0-2.31.65T8.3 9q-1.42.13-2.36 1.09T5 12.5T6.03 15q1.02 1 2.47 1m3.5 6q-2.07 0-3.9-.79q-1.82-.78-3.17-2.13T2.79 15.9Q2 14.08 2 12t.79-3.9t2.14-3.17T8.1 2.79Q9.93 2 12 2t3.9.79t3.18 2.14t2.13 3.17Q22 9.93 22 12t-.79 3.9q-.78 1.83-2.13 3.18t-3.18 2.13Q14.08 22 12 22m0-2q3.33 0 5.66-2.34Q20 15.33 20 12t-2.34-5.66Q15.33 4 12 4T6.34 6.34Q4 8.68 4 12t2.34 5.66T12 20m-3.5-6q-.62 0-1.06-.44Q7 13.13 7 12.5t.44-1.06Q7.88 11 8.5 11H10v-.5q0-.82.59-1.41T12 8.5t1.41.59t.59 1.41V12h2q.43 0 .71.29q.29.29.29.71t-.29.71q-.28.29-.71.29m-4-2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.5 16H16q1.25 0 2.13-.87T19 13q0-1.25-.87-2.12T16 10q-.2-1.45-1.32-2.47q-1.13-1.03-2.53-1.03q-1.27 0-2.31.65T8.3 9q-1.42.13-2.36 1.09T5 12.5T6.03 15q1.02 1 2.47 1m3.5 6q-2.07 0-3.9-.79q-1.82-.78-3.17-2.13T2.79 15.9Q2 14.08 2 12t.79-3.9t2.14-3.17T8.1 2.79Q9.93 2 12 2t3.9.79t3.18 2.14t2.13 3.17Q22 9.93 22 12t-.79 3.9q-.78 1.83-2.13 3.18t-3.18 2.13Q14.08 22 12 22m0-2q3.33 0 5.66-2.34Q20 15.33 20 12t-2.34-5.66Q15.33 4 12 4T6.34 6.34Q4 8.68 4 12t2.34 5.66T12 20m-3.5-6q-.62 0-1.06-.44Q7 13.13 7 12.5t.44-1.06Q7.88 11 8.5 11H10v-.5q0-.82.59-1.41T12 8.5t1.41.59t.59 1.41V12h2q.43 0 .71.29q.29.29.29.71t-.29.71q-.28.29-.71.29m-4-2"/></svg> </template>
CSS
.icon-cloud-circle-outline {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.5%2016H16q1.25%200%202.13-.87T19%2013q0-1.25-.87-2.12T16%2010q-.2-1.45-1.32-2.47q-1.13-1.03-2.53-1.03q-1.27%200-2.31.65T8.3%209q-1.42.13-2.36%201.09T5%2012.5T6.03%2015q1.02%201%202.47%201m3.5%206q-2.07%200-3.9-.79q-1.82-.78-3.17-2.13T2.79%2015.9Q2%2014.08%202%2012t.79-3.9t2.14-3.17T8.1%202.79Q9.93%202%2012%202t3.9.79t3.18%202.14t2.13%203.17Q22%209.93%2022%2012t-.79%203.9q-.78%201.83-2.13%203.18t-3.18%202.13Q14.08%2022%2012%2022m0-2q3.33%200%205.66-2.34Q20%2015.33%2020%2012t-2.34-5.66Q15.33%204%2012%204T6.34%206.34Q4%208.68%204%2012t2.34%205.66T12%2020m-3.5-6q-.62%200-1.06-.44Q7%2013.13%207%2012.5t.44-1.06Q7.88%2011%208.5%2011H10v-.5q0-.82.59-1.41T12%208.5t1.41.59t.59%201.41V12h2q.43%200%20.71.29q.29.29.29.71t-.29.71q-.28.29-.71.29m-4-2%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.5%2016H16q1.25%200%202.13-.87T19%2013q0-1.25-.87-2.12T16%2010q-.2-1.45-1.32-2.47q-1.13-1.03-2.53-1.03q-1.27%200-2.31.65T8.3%209q-1.42.13-2.36%201.09T5%2012.5T6.03%2015q1.02%201%202.47%201m3.5%206q-2.07%200-3.9-.79q-1.82-.78-3.17-2.13T2.79%2015.9Q2%2014.08%202%2012t.79-3.9t2.14-3.17T8.1%202.79Q9.93%202%2012%202t3.9.79t3.18%202.14t2.13%203.17Q22%209.93%2022%2012t-.79%203.9q-.78%201.83-2.13%203.18t-3.18%202.13Q14.08%2022%2012%2022m0-2q3.33%200%205.66-2.34Q20%2015.33%2020%2012t-2.34-5.66Q15.33%204%2012%204T6.34%206.34Q4%208.68%204%2012t2.34%205.66T12%2020m-3.5-6q-.62%200-1.06-.44Q7%2013.13%207%2012.5t.44-1.06Q7.88%2011%208.5%2011H10v-.5q0-.82.59-1.41T12%208.5t1.41.59t.59%201.41V12h2q.43%200%20.71.29q.29.29.29.71t-.29.71q-.28.29-.71.29m-4-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/cloud-circle-outline.svg?color=%231a73e8&size=48
