sync logo
sync from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- sync
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
sync-outlinedAnt Design IconssyncBoxIcons v2syncCodiconssync-fillEva IconssyncFont Awesome Solidsynccss.ggsyncIconParksyncIconPark OutlinesyncIonIconssyncLine AwesomesyncMaterial SymbolssyncMaterial Symbols LightsyncMaterial Design IconssyncOcticonssyncPixelarticonssyncPrime IconssyncWeb3 Icons BrandedsyncUnicons
Use the sync logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.106 6.527l.956-2.408C16.5 3.75 14.819 3 12.614 3C9.857 3 7.517 4.575 7.517 6.937A3.23 3.23 0 0 0 8.36 9.25l-.04.04c-.478.467-1.383 1.355-1.383 2.846c0 1.536.91 2.84 3.847 3.487c2.34.54 2.902.996 2.902 1.592s-.961 1.238-2.233 1.238c-1.265 0-2.89-.754-3.493-1.238l-1.024 2.503c.62.428 2.397 1.283 4.517 1.283c2.644 0 5.03-1.238 5.03-4.005a3.66 3.66 0 0 0-.935-2.295a3.65 3.65 0 0 0 1.514-2.886c0-1.991-1.913-3.02-4.095-3.527c-2.183-.506-2.655-.91-2.655-1.552c0-.641.877-1.17 2.3-1.17s2.531.394 3.488.962zm-5.265 3.786l1.913.511c.506.13 1.496.591 1.496 1.373s-.714 1.322-1.069 1.49l-1.788-.438c-.552-.18-1.643-.715-1.643-1.418c0-.709.731-1.305 1.091-1.518"/></svg>
React
import type { SVGProps } from "react";
export function TokenSync(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="m16.106 6.527l.956-2.408C16.5 3.75 14.819 3 12.614 3C9.857 3 7.517 4.575 7.517 6.937A3.23 3.23 0 0 0 8.36 9.25l-.04.04c-.478.467-1.383 1.355-1.383 2.846c0 1.536.91 2.84 3.847 3.487c2.34.54 2.902.996 2.902 1.592s-.961 1.238-2.233 1.238c-1.265 0-2.89-.754-3.493-1.238l-1.024 2.503c.62.428 2.397 1.283 4.517 1.283c2.644 0 5.03-1.238 5.03-4.005a3.66 3.66 0 0 0-.935-2.295a3.65 3.65 0 0 0 1.514-2.886c0-1.991-1.913-3.02-4.095-3.527c-2.183-.506-2.655-.91-2.655-1.552c0-.641.877-1.17 2.3-1.17s2.531.394 3.488.962zm-5.265 3.786l1.913.511c.506.13 1.496.591 1.496 1.373s-.714 1.322-1.069 1.49l-1.788-.438c-.552-.18-1.643-.715-1.643-1.418c0-.709.731-1.305 1.091-1.518"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.106 6.527l.956-2.408C16.5 3.75 14.819 3 12.614 3C9.857 3 7.517 4.575 7.517 6.937A3.23 3.23 0 0 0 8.36 9.25l-.04.04c-.478.467-1.383 1.355-1.383 2.846c0 1.536.91 2.84 3.847 3.487c2.34.54 2.902.996 2.902 1.592s-.961 1.238-2.233 1.238c-1.265 0-2.89-.754-3.493-1.238l-1.024 2.503c.62.428 2.397 1.283 4.517 1.283c2.644 0 5.03-1.238 5.03-4.005a3.66 3.66 0 0 0-.935-2.295a3.65 3.65 0 0 0 1.514-2.886c0-1.991-1.913-3.02-4.095-3.527c-2.183-.506-2.655-.91-2.655-1.552c0-.641.877-1.17 2.3-1.17s2.531.394 3.488.962zm-5.265 3.786l1.913.511c.506.13 1.496.591 1.496 1.373s-.714 1.322-1.069 1.49l-1.788-.438c-.552-.18-1.643-.715-1.643-1.418c0-.709.731-1.305 1.091-1.518"/></svg> </template>
CSS
.icon-sync {
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%22m16.106%206.527l.956-2.408C16.5%203.75%2014.819%203%2012.614%203C9.857%203%207.517%204.575%207.517%206.937A3.23%203.23%200%200%200%208.36%209.25l-.04.04c-.478.467-1.383%201.355-1.383%202.846c0%201.536.91%202.84%203.847%203.487c2.34.54%202.902.996%202.902%201.592s-.961%201.238-2.233%201.238c-1.265%200-2.89-.754-3.493-1.238l-1.024%202.503c.62.428%202.397%201.283%204.517%201.283c2.644%200%205.03-1.238%205.03-4.005a3.66%203.66%200%200%200-.935-2.295a3.65%203.65%200%200%200%201.514-2.886c0-1.991-1.913-3.02-4.095-3.527c-2.183-.506-2.655-.91-2.655-1.552c0-.641.877-1.17%202.3-1.17s2.531.394%203.488.962zm-5.265%203.786l1.913.511c.506.13%201.496.591%201.496%201.373s-.714%201.322-1.069%201.49l-1.788-.438c-.552-.18-1.643-.715-1.643-1.418c0-.709.731-1.305%201.091-1.518%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%22m16.106%206.527l.956-2.408C16.5%203.75%2014.819%203%2012.614%203C9.857%203%207.517%204.575%207.517%206.937A3.23%203.23%200%200%200%208.36%209.25l-.04.04c-.478.467-1.383%201.355-1.383%202.846c0%201.536.91%202.84%203.847%203.487c2.34.54%202.902.996%202.902%201.592s-.961%201.238-2.233%201.238c-1.265%200-2.89-.754-3.493-1.238l-1.024%202.503c.62.428%202.397%201.283%204.517%201.283c2.644%200%205.03-1.238%205.03-4.005a3.66%203.66%200%200%200-.935-2.295a3.65%203.65%200%200%200%201.514-2.886c0-1.991-1.913-3.02-4.095-3.527c-2.183-.506-2.655-.91-2.655-1.552c0-.641.877-1.17%202.3-1.17s2.531.394%203.488.962zm-5.265%203.786l1.913.511c.506.13%201.496.591%201.496%201.373s-.714%201.322-1.069%201.49l-1.788-.438c-.552-.18-1.643-.715-1.643-1.418c0-.709.731-1.305%201.091-1.518%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/sync.svg?color=%231a73e8&size=48
