sync logo
sync-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- sync-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
sync-outlinedAnt Design IconssyncBoxIcons v2syncCodiconssync-fillEva IconssyncFont Awesome Solidsynccss.ggsyncIconParksyncIconPark OutlinesyncIonIconssyncLine AwesomesyncMaterial SymbolssyncMaterial Symbols LightsyncMaterial Design IconssyncOcticonssyncPixelarticonssyncPrime IconssyncWeb3 IconssyncUnicons
Use the sync logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd7)"><path fill="url(#SVGeUifmchS)" d="M24 0H0v24h24z"/><path fill="#fff" d="m15.65 7.135l.85-2.14C16 4.665 14.505 4 12.545 4c-2.45 0-4.53 1.4-4.53 3.5c-.03.757.239 1.496.75 2.055l-.035.035c-.425.415-1.23 1.205-1.23 2.53c0 1.365.81 2.525 3.42 3.1c2.08.48 2.58.885 2.58 1.415s-.855 1.1-1.985 1.1c-1.125 0-2.57-.67-3.105-1.1L7.5 18.86c.55.38 2.13 1.14 4.015 1.14c2.35 0 4.47-1.1 4.47-3.56a3.25 3.25 0 0 0-.83-2.04a3.25 3.25 0 0 0 1.345-2.565c0-1.77-1.7-2.685-3.64-3.135s-2.36-.81-2.36-1.38s.78-1.04 2.045-1.04s2.25.35 3.1.855zM10.97 10.5l1.7.455c.45.115 1.33.525 1.33 1.22s-.635 1.175-.95 1.325l-1.59-.39c-.49-.16-1.46-.635-1.46-1.26c0-.63.65-1.16.97-1.35"/></g><defs><linearGradient id="SVGeUifmchS" x1="14.893" x2="5.217" y1="5.857" y2="12.7" gradientUnits="userSpaceOnUse"><stop stop-color="#2abecd"/><stop offset="1" stop-color="#4f69d4"/></linearGradient><clipPath id="SVGHcSWxdhd7"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSyncBackground(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd7)"><path fill="url(#SVGeUifmchS)" d="M24 0H0v24h24z"/><path fill="#fff" d="m15.65 7.135l.85-2.14C16 4.665 14.505 4 12.545 4c-2.45 0-4.53 1.4-4.53 3.5c-.03.757.239 1.496.75 2.055l-.035.035c-.425.415-1.23 1.205-1.23 2.53c0 1.365.81 2.525 3.42 3.1c2.08.48 2.58.885 2.58 1.415s-.855 1.1-1.985 1.1c-1.125 0-2.57-.67-3.105-1.1L7.5 18.86c.55.38 2.13 1.14 4.015 1.14c2.35 0 4.47-1.1 4.47-3.56a3.25 3.25 0 0 0-.83-2.04a3.25 3.25 0 0 0 1.345-2.565c0-1.77-1.7-2.685-3.64-3.135s-2.36-.81-2.36-1.38s.78-1.04 2.045-1.04s2.25.35 3.1.855zM10.97 10.5l1.7.455c.45.115 1.33.525 1.33 1.22s-.635 1.175-.95 1.325l-1.59-.39c-.49-.16-1.46-.635-1.46-1.26c0-.63.65-1.16.97-1.35"/></g><defs><linearGradient id="SVGeUifmchS" x1="14.893" x2="5.217" y1="5.857" y2="12.7" gradientUnits="userSpaceOnUse"><stop stopColor="#2abecd"/><stop offset="1" stopColor="#4f69d4"/></linearGradient><clipPath id="SVGHcSWxdhd7"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd7)"><path fill="url(#SVGeUifmchS)" d="M24 0H0v24h24z"/><path fill="#fff" d="m15.65 7.135l.85-2.14C16 4.665 14.505 4 12.545 4c-2.45 0-4.53 1.4-4.53 3.5c-.03.757.239 1.496.75 2.055l-.035.035c-.425.415-1.23 1.205-1.23 2.53c0 1.365.81 2.525 3.42 3.1c2.08.48 2.58.885 2.58 1.415s-.855 1.1-1.985 1.1c-1.125 0-2.57-.67-3.105-1.1L7.5 18.86c.55.38 2.13 1.14 4.015 1.14c2.35 0 4.47-1.1 4.47-3.56a3.25 3.25 0 0 0-.83-2.04a3.25 3.25 0 0 0 1.345-2.565c0-1.77-1.7-2.685-3.64-3.135s-2.36-.81-2.36-1.38s.78-1.04 2.045-1.04s2.25.35 3.1.855zM10.97 10.5l1.7.455c.45.115 1.33.525 1.33 1.22s-.635 1.175-.95 1.325l-1.59-.39c-.49-.16-1.46-.635-1.46-1.26c0-.63.65-1.16.97-1.35"/></g><defs><linearGradient id="SVGeUifmchS" x1="14.893" x2="5.217" y1="5.857" y2="12.7" gradientUnits="userSpaceOnUse"><stop stop-color="#2abecd"/><stop offset="1" stop-color="#4f69d4"/></linearGradient><clipPath id="SVGHcSWxdhd7"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-sync-background {
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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd7)%22%3E%3Cpath%20fill%3D%22url(%23SVGeUifmchS)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m15.65%207.135l.85-2.14C16%204.665%2014.505%204%2012.545%204c-2.45%200-4.53%201.4-4.53%203.5c-.03.757.239%201.496.75%202.055l-.035.035c-.425.415-1.23%201.205-1.23%202.53c0%201.365.81%202.525%203.42%203.1c2.08.48%202.58.885%202.58%201.415s-.855%201.1-1.985%201.1c-1.125%200-2.57-.67-3.105-1.1L7.5%2018.86c.55.38%202.13%201.14%204.015%201.14c2.35%200%204.47-1.1%204.47-3.56a3.25%203.25%200%200%200-.83-2.04a3.25%203.25%200%200%200%201.345-2.565c0-1.77-1.7-2.685-3.64-3.135s-2.36-.81-2.36-1.38s.78-1.04%202.045-1.04s2.25.35%203.1.855zM10.97%2010.5l1.7.455c.45.115%201.33.525%201.33%201.22s-.635%201.175-.95%201.325l-1.59-.39c-.49-.16-1.46-.635-1.46-1.26c0-.63.65-1.16.97-1.35%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGeUifmchS%22%20x1%3D%2214.893%22%20x2%3D%225.217%22%20y1%3D%225.857%22%20y2%3D%2212.7%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232abecd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234f69d4%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd7%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd7)%22%3E%3Cpath%20fill%3D%22url(%23SVGeUifmchS)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m15.65%207.135l.85-2.14C16%204.665%2014.505%204%2012.545%204c-2.45%200-4.53%201.4-4.53%203.5c-.03.757.239%201.496.75%202.055l-.035.035c-.425.415-1.23%201.205-1.23%202.53c0%201.365.81%202.525%203.42%203.1c2.08.48%202.58.885%202.58%201.415s-.855%201.1-1.985%201.1c-1.125%200-2.57-.67-3.105-1.1L7.5%2018.86c.55.38%202.13%201.14%204.015%201.14c2.35%200%204.47-1.1%204.47-3.56a3.25%203.25%200%200%200-.83-2.04a3.25%203.25%200%200%200%201.345-2.565c0-1.77-1.7-2.685-3.64-3.135s-2.36-.81-2.36-1.38s.78-1.04%202.045-1.04s2.25.35%203.1.855zM10.97%2010.5l1.7.455c.45.115%201.33.525%201.33%201.22s-.635%201.175-.95%201.325l-1.59-.39c-.49-.16-1.46-.635-1.46-1.26c0-.63.65-1.16.97-1.35%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGeUifmchS%22%20x1%3D%2214.893%22%20x2%3D%225.217%22%20y1%3D%225.857%22%20y2%3D%2212.7%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232abecd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234f69d4%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd7%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/sync-background.svg?color=%231a73e8&size=48
