sync icon

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

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

The same icon in other sets

syncBoxIcons v2 syncCodicons sync-fillEva Icons syncFont Awesome Solid synccss.gg syncIconPark syncIconPark Outline syncIonIcons syncLine Awesome syncMaterial Symbols syncMaterial Symbols Light syncMaterial Design Icons syncOcticons syncPixelarticons syncPrime Icons syncWeb3 Icons syncWeb3 Icons Branded syncUnicons

Use the sync icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M168 504.2c1-43.7 10-86.1 26.9-126c17.3-41 42.1-77.7 73.7-109.4S337 212.3 378 195c42.4-17.9 87.4-27 133.9-27s91.5 9.1 133.8 27A341.5 341.5 0 0 1 755 268.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 0 0 3 14.1l175.7 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c0-6.7-7.7-10.5-12.9-6.3l-56.4 44.1C765.8 155.1 646.2 92 511.8 92C282.7 92 96.3 275.6 92 503.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8m756 7.8h-60c-4.4 0-7.9 3.5-8 7.8c-1 43.7-10 86.1-26.9 126c-17.3 41-42.1 77.8-73.7 109.4A342.45 342.45 0 0 1 512.1 856a342.24 342.24 0 0 1-243.2-100.8c-9.9-9.9-19.2-20.4-27.8-31.4l60.2-47a8 8 0 0 0-3-14.1l-175.7-43c-5-1.2-9.9 2.6-9.9 7.7l-.7 181c0 6.7 7.7 10.5 12.9 6.3l56.4-44.1C258.2 868.9 377.8 932 512.2 932c229.2 0 415.5-183.7 419.8-411.8a8 8 0 0 0-8-8.2"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignSyncOutlined(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="M168 504.2c1-43.7 10-86.1 26.9-126c17.3-41 42.1-77.7 73.7-109.4S337 212.3 378 195c42.4-17.9 87.4-27 133.9-27s91.5 9.1 133.8 27A341.5 341.5 0 0 1 755 268.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 0 0 3 14.1l175.7 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c0-6.7-7.7-10.5-12.9-6.3l-56.4 44.1C765.8 155.1 646.2 92 511.8 92C282.7 92 96.3 275.6 92 503.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8m756 7.8h-60c-4.4 0-7.9 3.5-8 7.8c-1 43.7-10 86.1-26.9 126c-17.3 41-42.1 77.8-73.7 109.4A342.45 342.45 0 0 1 512.1 856a342.24 342.24 0 0 1-243.2-100.8c-9.9-9.9-19.2-20.4-27.8-31.4l60.2-47a8 8 0 0 0-3-14.1l-175.7-43c-5-1.2-9.9 2.6-9.9 7.7l-.7 181c0 6.7 7.7 10.5 12.9 6.3l56.4-44.1C258.2 868.9 377.8 932 512.2 932c229.2 0 415.5-183.7 419.8-411.8a8 8 0 0 0-8-8.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M168 504.2c1-43.7 10-86.1 26.9-126c17.3-41 42.1-77.7 73.7-109.4S337 212.3 378 195c42.4-17.9 87.4-27 133.9-27s91.5 9.1 133.8 27A341.5 341.5 0 0 1 755 268.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 0 0 3 14.1l175.7 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c0-6.7-7.7-10.5-12.9-6.3l-56.4 44.1C765.8 155.1 646.2 92 511.8 92C282.7 92 96.3 275.6 92 503.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8m756 7.8h-60c-4.4 0-7.9 3.5-8 7.8c-1 43.7-10 86.1-26.9 126c-17.3 41-42.1 77.8-73.7 109.4A342.45 342.45 0 0 1 512.1 856a342.24 342.24 0 0 1-243.2-100.8c-9.9-9.9-19.2-20.4-27.8-31.4l60.2-47a8 8 0 0 0-3-14.1l-175.7-43c-5-1.2-9.9 2.6-9.9 7.7l-.7 181c0 6.7 7.7 10.5 12.9 6.3l56.4-44.1C258.2 868.9 377.8 932 512.2 932c229.2 0 415.5-183.7 419.8-411.8a8 8 0 0 0-8-8.2"/></svg>
</template>

CSS

.icon-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%22M168%20504.2c1-43.7%2010-86.1%2026.9-126c17.3-41%2042.1-77.7%2073.7-109.4S337%20212.3%20378%20195c42.4-17.9%2087.4-27%20133.9-27s91.5%209.1%20133.8%2027A341.5%20341.5%200%200%201%20755%20268.8c9.9%209.9%2019.2%2020.4%2027.8%2031.4l-60.2%2047a8%208%200%200%200%203%2014.1l175.7%2043c5%201.2%209.9-2.6%209.9-7.7l.8-180.9c0-6.7-7.7-10.5-12.9-6.3l-56.4%2044.1C765.8%20155.1%20646.2%2092%20511.8%2092C282.7%2092%2096.3%20275.6%2092%20503.8a8%208%200%200%200%208%208.2h60c4.4%200%207.9-3.5%208-7.8m756%207.8h-60c-4.4%200-7.9%203.5-8%207.8c-1%2043.7-10%2086.1-26.9%20126c-17.3%2041-42.1%2077.8-73.7%20109.4A342.45%20342.45%200%200%201%20512.1%20856a342.24%20342.24%200%200%201-243.2-100.8c-9.9-9.9-19.2-20.4-27.8-31.4l60.2-47a8%208%200%200%200-3-14.1l-175.7-43c-5-1.2-9.9%202.6-9.9%207.7l-.7%20181c0%206.7%207.7%2010.5%2012.9%206.3l56.4-44.1C258.2%20868.9%20377.8%20932%20512.2%20932c229.2%200%20415.5-183.7%20419.8-411.8a8%208%200%200%200-8-8.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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M168%20504.2c1-43.7%2010-86.1%2026.9-126c17.3-41%2042.1-77.7%2073.7-109.4S337%20212.3%20378%20195c42.4-17.9%2087.4-27%20133.9-27s91.5%209.1%20133.8%2027A341.5%20341.5%200%200%201%20755%20268.8c9.9%209.9%2019.2%2020.4%2027.8%2031.4l-60.2%2047a8%208%200%200%200%203%2014.1l175.7%2043c5%201.2%209.9-2.6%209.9-7.7l.8-180.9c0-6.7-7.7-10.5-12.9-6.3l-56.4%2044.1C765.8%20155.1%20646.2%2092%20511.8%2092C282.7%2092%2096.3%20275.6%2092%20503.8a8%208%200%200%200%208%208.2h60c4.4%200%207.9-3.5%208-7.8m756%207.8h-60c-4.4%200-7.9%203.5-8%207.8c-1%2043.7-10%2086.1-26.9%20126c-17.3%2041-42.1%2077.8-73.7%20109.4A342.45%20342.45%200%200%201%20512.1%20856a342.24%20342.24%200%200%201-243.2-100.8c-9.9-9.9-19.2-20.4-27.8-31.4l60.2-47a8%208%200%200%200-3-14.1l-175.7-43c-5-1.2-9.9%202.6-9.9%207.7l-.7%20181c0%206.7%207.7%2010.5%2012.9%206.3l56.4-44.1C258.2%20868.9%20377.8%20932%20512.2%20932c229.2%200%20415.5-183.7%20419.8-411.8a8%208%200%200%200-8-8.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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