cloud server icon

cloud-server-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name: cloud-server-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT
Aliases: cloud-server, cloud-server-outline

The same icon in other sets

cloud-serverHuge Icons cloud-serverPixelarticons

Related icons in Ant Design Icons

cloud-download-outlined cloud-sync-outlined cloud-upload-outlined

Use the cloud server icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M704 446H320c-4.4 0-8 3.6-8 8v402c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8V454c0-4.4-3.6-8-8-8m-328 64h272v117H376zm272 290H376V683h272z"/><path fill="currentColor" d="M424 748a32 32 0 1 0 64 0a32 32 0 1 0-64 0m0-178a32 32 0 1 0 64 0a32 32 0 1 0-64 0"/><path fill="currentColor" d="M811.4 368.9C765.6 248 648.9 162 512.2 162S258.8 247.9 213 368.8C126.9 391.5 63.5 470.2 64 563.6C64.6 668 145.6 752.9 247.6 762c4.7.4 8.7-3.3 8.7-8v-60.4c0-4-3-7.4-7-7.9c-27-3.4-52.5-15.2-72.1-34.5c-24-23.5-37.2-55.1-37.2-88.6c0-28 9.1-54.4 26.2-76.4c16.7-21.4 40.2-36.9 66.1-43.7l37.9-10l13.9-36.7c8.6-22.8 20.6-44.2 35.7-63.5c14.9-19.2 32.6-36 52.4-50c41.1-28.9 89.5-44.2 140-44.2s98.9 15.3 140 44.3c19.9 14 37.5 30.8 52.4 50c15.1 19.3 27.1 40.7 35.7 63.5l13.8 36.6l37.8 10c54.2 14.4 92.1 63.7 92.1 120c0 33.6-13.2 65.1-37.2 88.6c-19.5 19.2-44.9 31.1-71.9 34.5c-4 .5-6.9 3.9-6.9 7.9V754c0 4.7 4.1 8.4 8.8 8c101.7-9.2 182.5-94 183.2-198.2c.6-93.4-62.7-172.1-148.6-194.9"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignCloudServerOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M704 446H320c-4.4 0-8 3.6-8 8v402c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8V454c0-4.4-3.6-8-8-8m-328 64h272v117H376zm272 290H376V683h272z"/><path fill="currentColor" d="M424 748a32 32 0 1 0 64 0a32 32 0 1 0-64 0m0-178a32 32 0 1 0 64 0a32 32 0 1 0-64 0"/><path fill="currentColor" d="M811.4 368.9C765.6 248 648.9 162 512.2 162S258.8 247.9 213 368.8C126.9 391.5 63.5 470.2 64 563.6C64.6 668 145.6 752.9 247.6 762c4.7.4 8.7-3.3 8.7-8v-60.4c0-4-3-7.4-7-7.9c-27-3.4-52.5-15.2-72.1-34.5c-24-23.5-37.2-55.1-37.2-88.6c0-28 9.1-54.4 26.2-76.4c16.7-21.4 40.2-36.9 66.1-43.7l37.9-10l13.9-36.7c8.6-22.8 20.6-44.2 35.7-63.5c14.9-19.2 32.6-36 52.4-50c41.1-28.9 89.5-44.2 140-44.2s98.9 15.3 140 44.3c19.9 14 37.5 30.8 52.4 50c15.1 19.3 27.1 40.7 35.7 63.5l13.8 36.6l37.8 10c54.2 14.4 92.1 63.7 92.1 120c0 33.6-13.2 65.1-37.2 88.6c-19.5 19.2-44.9 31.1-71.9 34.5c-4 .5-6.9 3.9-6.9 7.9V754c0 4.7 4.1 8.4 8.8 8c101.7-9.2 182.5-94 183.2-198.2c.6-93.4-62.7-172.1-148.6-194.9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M704 446H320c-4.4 0-8 3.6-8 8v402c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8V454c0-4.4-3.6-8-8-8m-328 64h272v117H376zm272 290H376V683h272z"/><path fill="currentColor" d="M424 748a32 32 0 1 0 64 0a32 32 0 1 0-64 0m0-178a32 32 0 1 0 64 0a32 32 0 1 0-64 0"/><path fill="currentColor" d="M811.4 368.9C765.6 248 648.9 162 512.2 162S258.8 247.9 213 368.8C126.9 391.5 63.5 470.2 64 563.6C64.6 668 145.6 752.9 247.6 762c4.7.4 8.7-3.3 8.7-8v-60.4c0-4-3-7.4-7-7.9c-27-3.4-52.5-15.2-72.1-34.5c-24-23.5-37.2-55.1-37.2-88.6c0-28 9.1-54.4 26.2-76.4c16.7-21.4 40.2-36.9 66.1-43.7l37.9-10l13.9-36.7c8.6-22.8 20.6-44.2 35.7-63.5c14.9-19.2 32.6-36 52.4-50c41.1-28.9 89.5-44.2 140-44.2s98.9 15.3 140 44.3c19.9 14 37.5 30.8 52.4 50c15.1 19.3 27.1 40.7 35.7 63.5l13.8 36.6l37.8 10c54.2 14.4 92.1 63.7 92.1 120c0 33.6-13.2 65.1-37.2 88.6c-19.5 19.2-44.9 31.1-71.9 34.5c-4 .5-6.9 3.9-6.9 7.9V754c0 4.7 4.1 8.4 8.8 8c101.7-9.2 182.5-94 183.2-198.2c.6-93.4-62.7-172.1-148.6-194.9"/></svg>
</template>

CSS

.icon-cloud-server-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M704%20446H320c-4.4%200-8%203.6-8%208v402c0%204.4%203.6%208%208%208h384c4.4%200%208-3.6%208-8V454c0-4.4-3.6-8-8-8m-328%2064h272v117H376zm272%20290H376V683h272z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M424%20748a32%2032%200%201%200%2064%200a32%2032%200%201%200-64%200m0-178a32%2032%200%201%200%2064%200a32%2032%200%201%200-64%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M811.4%20368.9C765.6%20248%20648.9%20162%20512.2%20162S258.8%20247.9%20213%20368.8C126.9%20391.5%2063.5%20470.2%2064%20563.6C64.6%20668%20145.6%20752.9%20247.6%20762c4.7.4%208.7-3.3%208.7-8v-60.4c0-4-3-7.4-7-7.9c-27-3.4-52.5-15.2-72.1-34.5c-24-23.5-37.2-55.1-37.2-88.6c0-28%209.1-54.4%2026.2-76.4c16.7-21.4%2040.2-36.9%2066.1-43.7l37.9-10l13.9-36.7c8.6-22.8%2020.6-44.2%2035.7-63.5c14.9-19.2%2032.6-36%2052.4-50c41.1-28.9%2089.5-44.2%20140-44.2s98.9%2015.3%20140%2044.3c19.9%2014%2037.5%2030.8%2052.4%2050c15.1%2019.3%2027.1%2040.7%2035.7%2063.5l13.8%2036.6l37.8%2010c54.2%2014.4%2092.1%2063.7%2092.1%20120c0%2033.6-13.2%2065.1-37.2%2088.6c-19.5%2019.2-44.9%2031.1-71.9%2034.5c-4%20.5-6.9%203.9-6.9%207.9V754c0%204.7%204.1%208.4%208.8%208c101.7-9.2%20182.5-94%20183.2-198.2c.6-93.4-62.7-172.1-148.6-194.9%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M704%20446H320c-4.4%200-8%203.6-8%208v402c0%204.4%203.6%208%208%208h384c4.4%200%208-3.6%208-8V454c0-4.4-3.6-8-8-8m-328%2064h272v117H376zm272%20290H376V683h272z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M424%20748a32%2032%200%201%200%2064%200a32%2032%200%201%200-64%200m0-178a32%2032%200%201%200%2064%200a32%2032%200%201%200-64%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M811.4%20368.9C765.6%20248%20648.9%20162%20512.2%20162S258.8%20247.9%20213%20368.8C126.9%20391.5%2063.5%20470.2%2064%20563.6C64.6%20668%20145.6%20752.9%20247.6%20762c4.7.4%208.7-3.3%208.7-8v-60.4c0-4-3-7.4-7-7.9c-27-3.4-52.5-15.2-72.1-34.5c-24-23.5-37.2-55.1-37.2-88.6c0-28%209.1-54.4%2026.2-76.4c16.7-21.4%2040.2-36.9%2066.1-43.7l37.9-10l13.9-36.7c8.6-22.8%2020.6-44.2%2035.7-63.5c14.9-19.2%2032.6-36%2052.4-50c41.1-28.9%2089.5-44.2%20140-44.2s98.9%2015.3%20140%2044.3c19.9%2014%2037.5%2030.8%2052.4%2050c15.1%2019.3%2027.1%2040.7%2035.7%2063.5l13.8%2036.6l37.8%2010c54.2%2014.4%2092.1%2063.7%2092.1%20120c0%2033.6-13.2%2065.1-37.2%2088.6c-19.5%2019.2-44.9%2031.1-71.9%2034.5c-4%20.5-6.9%203.9-6.9%207.9V754c0%204.7%204.1%208.4%208.8%208c101.7-9.2%20182.5-94%20183.2-198.2c.6-93.4-62.7-172.1-148.6-194.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/cloud-server-outlined.svg?color=%231a73e8&size=48