cloud sync icon

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

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

The same icon in other sets

cloud-sync-16-filledFluent UI System Iconscloud-syncHuge Iconscloud-syncIconoircloud-syncLucidecloud-syncMaterial Symbolscloud-syncMaterial Symbols Lightcloud-syncMaterial Design Icons

Related icons in Ant Design Icons

cloud-download-outlinedcloud-server-outlinedcloud-upload-outlined

Use the cloud sync icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><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"/><path fill="currentColor" d="M376.9 656.4c1.8-33.5 15.7-64.7 39.5-88.6c25.4-25.5 60-39.8 96-39.8c36.2 0 70.3 14.1 96 39.8c1.4 1.4 2.7 2.8 4.1 4.3l-25 19.6a8 8 0 0 0 3 14.1l98.2 24c5 1.2 9.9-2.6 9.9-7.7l.5-101.3c0-6.7-7.6-10.5-12.9-6.3L663 532.7c-36.6-42-90.4-68.6-150.5-68.6c-107.4 0-195 85.1-199.4 191.7c-.2 4.5 3.4 8.3 8 8.3H369c4.2-.1 7.7-3.4 7.9-7.7M703 664h-47.9c-4.2 0-7.7 3.3-8 7.6c-1.8 33.5-15.7 64.7-39.5 88.6c-25.4 25.5-60 39.8-96 39.8c-36.2 0-70.3-14.1-96-39.8c-1.4-1.4-2.7-2.8-4.1-4.3l25-19.6a8 8 0 0 0-3-14.1l-98.2-24c-5-1.2-9.9 2.6-9.9 7.7l-.4 101.4c0 6.7 7.6 10.5 12.9 6.3l23.2-18.2c36.6 42 90.4 68.6 150.5 68.6c107.4 0 195-85.1 199.4-191.7c.2-4.5-3.4-8.3-8-8.3"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignCloudSyncOutlined(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="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"/><path fill="currentColor" d="M376.9 656.4c1.8-33.5 15.7-64.7 39.5-88.6c25.4-25.5 60-39.8 96-39.8c36.2 0 70.3 14.1 96 39.8c1.4 1.4 2.7 2.8 4.1 4.3l-25 19.6a8 8 0 0 0 3 14.1l98.2 24c5 1.2 9.9-2.6 9.9-7.7l.5-101.3c0-6.7-7.6-10.5-12.9-6.3L663 532.7c-36.6-42-90.4-68.6-150.5-68.6c-107.4 0-195 85.1-199.4 191.7c-.2 4.5 3.4 8.3 8 8.3H369c4.2-.1 7.7-3.4 7.9-7.7M703 664h-47.9c-4.2 0-7.7 3.3-8 7.6c-1.8 33.5-15.7 64.7-39.5 88.6c-25.4 25.5-60 39.8-96 39.8c-36.2 0-70.3-14.1-96-39.8c-1.4-1.4-2.7-2.8-4.1-4.3l25-19.6a8 8 0 0 0-3-14.1l-98.2-24c-5-1.2-9.9 2.6-9.9 7.7l-.4 101.4c0 6.7 7.6 10.5 12.9 6.3l23.2-18.2c36.6 42 90.4 68.6 150.5 68.6c107.4 0 195-85.1 199.4-191.7c.2-4.5-3.4-8.3-8-8.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><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"/><path fill="currentColor" d="M376.9 656.4c1.8-33.5 15.7-64.7 39.5-88.6c25.4-25.5 60-39.8 96-39.8c36.2 0 70.3 14.1 96 39.8c1.4 1.4 2.7 2.8 4.1 4.3l-25 19.6a8 8 0 0 0 3 14.1l98.2 24c5 1.2 9.9-2.6 9.9-7.7l.5-101.3c0-6.7-7.6-10.5-12.9-6.3L663 532.7c-36.6-42-90.4-68.6-150.5-68.6c-107.4 0-195 85.1-199.4 191.7c-.2 4.5 3.4 8.3 8 8.3H369c4.2-.1 7.7-3.4 7.9-7.7M703 664h-47.9c-4.2 0-7.7 3.3-8 7.6c-1.8 33.5-15.7 64.7-39.5 88.6c-25.4 25.5-60 39.8-96 39.8c-36.2 0-70.3-14.1-96-39.8c-1.4-1.4-2.7-2.8-4.1-4.3l25-19.6a8 8 0 0 0-3-14.1l-98.2-24c-5-1.2-9.9 2.6-9.9 7.7l-.4 101.4c0 6.7 7.6 10.5 12.9 6.3l23.2-18.2c36.6 42 90.4 68.6 150.5 68.6c107.4 0 195-85.1 199.4-191.7c.2-4.5-3.4-8.3-8-8.3"/></svg>
</template>

CSS

.icon-cloud-sync-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%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M376.9%20656.4c1.8-33.5%2015.7-64.7%2039.5-88.6c25.4-25.5%2060-39.8%2096-39.8c36.2%200%2070.3%2014.1%2096%2039.8c1.4%201.4%202.7%202.8%204.1%204.3l-25%2019.6a8%208%200%200%200%203%2014.1l98.2%2024c5%201.2%209.9-2.6%209.9-7.7l.5-101.3c0-6.7-7.6-10.5-12.9-6.3L663%20532.7c-36.6-42-90.4-68.6-150.5-68.6c-107.4%200-195%2085.1-199.4%20191.7c-.2%204.5%203.4%208.3%208%208.3H369c4.2-.1%207.7-3.4%207.9-7.7M703%20664h-47.9c-4.2%200-7.7%203.3-8%207.6c-1.8%2033.5-15.7%2064.7-39.5%2088.6c-25.4%2025.5-60%2039.8-96%2039.8c-36.2%200-70.3-14.1-96-39.8c-1.4-1.4-2.7-2.8-4.1-4.3l25-19.6a8%208%200%200%200-3-14.1l-98.2-24c-5-1.2-9.9%202.6-9.9%207.7l-.4%20101.4c0%206.7%207.6%2010.5%2012.9%206.3l23.2-18.2c36.6%2042%2090.4%2068.6%20150.5%2068.6c107.4%200%20195-85.1%20199.4-191.7c.2-4.5-3.4-8.3-8-8.3%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%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M376.9%20656.4c1.8-33.5%2015.7-64.7%2039.5-88.6c25.4-25.5%2060-39.8%2096-39.8c36.2%200%2070.3%2014.1%2096%2039.8c1.4%201.4%202.7%202.8%204.1%204.3l-25%2019.6a8%208%200%200%200%203%2014.1l98.2%2024c5%201.2%209.9-2.6%209.9-7.7l.5-101.3c0-6.7-7.6-10.5-12.9-6.3L663%20532.7c-36.6-42-90.4-68.6-150.5-68.6c-107.4%200-195%2085.1-199.4%20191.7c-.2%204.5%203.4%208.3%208%208.3H369c4.2-.1%207.7-3.4%207.9-7.7M703%20664h-47.9c-4.2%200-7.7%203.3-8%207.6c-1.8%2033.5-15.7%2064.7-39.5%2088.6c-25.4%2025.5-60%2039.8-96%2039.8c-36.2%200-70.3-14.1-96-39.8c-1.4-1.4-2.7-2.8-4.1-4.3l25-19.6a8%208%200%200%200-3-14.1l-98.2-24c-5-1.2-9.9%202.6-9.9%207.7l-.4%20101.4c0%206.7%207.6%2010.5%2012.9%206.3l23.2-18.2c36.6%2042%2090.4%2068.6%20150.5%2068.6c107.4%200%20195-85.1%20199.4-191.7c.2-4.5-3.4-8.3-8-8.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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