sync logo
sync from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- sync
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
1 other variant in LobeHub AI Icons
The same logo in other sets
All sync icons →sync-outlinedAnt Design IconssyncBoxIcons v2syncCodiconssync-fillEva IconssyncFont Awesome Solidsynccss.ggsyncIconParksyncIconPark OutlinesyncIonIconssyncLine AwesomesyncMaterial SymbolssyncMaterial Symbols LightsyncMaterial Design IconssyncOcticonssyncPixelarticonssyncPrime IconssyncWeb3 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" fill-rule="evenodd" d="M12.38 15.993v3.972c-5.181 0-9.38-2.687-9.38-5.99 0-.696.187-1.363.53-1.985 1.285 2.33 4.761 4.003 8.85 4.003zM12.38 0v4.035c-4.074 0-7.54 1.65-8.835 3.96A4.113 4.113 0 013 5.979C3 2.676 7.199 0 12.38 0zM5.396 9.99c-.814.576-1.453 1.254-1.866 2.001A4.084 4.084 0 013 10.004c0-.696.192-1.382.544-2.01.413.742 1.048 1.419 1.853 1.995zm0 0c1.717-1.217 4.21-1.982 6.982-1.982v3.993c-2.774 0-5.265-.78-6.982-2.012zM12.38 8.007V4.035c5.18 0 9.378 2.687 9.378 5.99 0 .696-.187 1.363-.53 1.985-1.285-2.33-4.761-4.003-8.849-4.003zm0 15.993v-4.035c4.072 0 7.538-1.65 8.834-3.96.352.632.544 1.311.544 2.016 0 3.303-4.199 5.979-9.379 5.979zm6.982-9.99c.814-.576 1.453-1.254 1.866-2.001.343.622.53 1.29.53 1.987 0 .696-.192 1.382-.543 2.01-.414-.742-1.048-1.419-1.853-1.995zm0 0c-1.718 1.217-4.21 1.982-6.983 1.982v-3.993c2.774 0 5.265.78 6.983 2.012z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubSync(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" fillRule="evenodd" d="M12.38 15.993v3.972c-5.181 0-9.38-2.687-9.38-5.99 0-.696.187-1.363.53-1.985 1.285 2.33 4.761 4.003 8.85 4.003zM12.38 0v4.035c-4.074 0-7.54 1.65-8.835 3.96A4.113 4.113 0 013 5.979C3 2.676 7.199 0 12.38 0zM5.396 9.99c-.814.576-1.453 1.254-1.866 2.001A4.084 4.084 0 013 10.004c0-.696.192-1.382.544-2.01.413.742 1.048 1.419 1.853 1.995zm0 0c1.717-1.217 4.21-1.982 6.982-1.982v3.993c-2.774 0-5.265-.78-6.982-2.012zM12.38 8.007V4.035c5.18 0 9.378 2.687 9.378 5.99 0 .696-.187 1.363-.53 1.985-1.285-2.33-4.761-4.003-8.849-4.003zm0 15.993v-4.035c4.072 0 7.538-1.65 8.834-3.96.352.632.544 1.311.544 2.016 0 3.303-4.199 5.979-9.379 5.979zm6.982-9.99c.814-.576 1.453-1.254 1.866-2.001.343.622.53 1.29.53 1.987 0 .696-.192 1.382-.543 2.01-.414-.742-1.048-1.419-1.853-1.995zm0 0c-1.718 1.217-4.21 1.982-6.983 1.982v-3.993c2.774 0 5.265.78 6.983 2.012z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.38 15.993v3.972c-5.181 0-9.38-2.687-9.38-5.99 0-.696.187-1.363.53-1.985 1.285 2.33 4.761 4.003 8.85 4.003zM12.38 0v4.035c-4.074 0-7.54 1.65-8.835 3.96A4.113 4.113 0 013 5.979C3 2.676 7.199 0 12.38 0zM5.396 9.99c-.814.576-1.453 1.254-1.866 2.001A4.084 4.084 0 013 10.004c0-.696.192-1.382.544-2.01.413.742 1.048 1.419 1.853 1.995zm0 0c1.717-1.217 4.21-1.982 6.982-1.982v3.993c-2.774 0-5.265-.78-6.982-2.012zM12.38 8.007V4.035c5.18 0 9.378 2.687 9.378 5.99 0 .696-.187 1.363-.53 1.985-1.285-2.33-4.761-4.003-8.849-4.003zm0 15.993v-4.035c4.072 0 7.538-1.65 8.834-3.96.352.632.544 1.311.544 2.016 0 3.303-4.199 5.979-9.379 5.979zm6.982-9.99c.814-.576 1.453-1.254 1.866-2.001.343.622.53 1.29.53 1.987 0 .696-.192 1.382-.543 2.01-.414-.742-1.048-1.419-1.853-1.995zm0 0c-1.718 1.217-4.21 1.982-6.983 1.982v-3.993c2.774 0 5.265.78 6.983 2.012z"/></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%20fill-rule%3D%22evenodd%22%20d%3D%22M12.38%2015.993v3.972c-5.181%200-9.38-2.687-9.38-5.99%200-.696.187-1.363.53-1.985%201.285%202.33%204.761%204.003%208.85%204.003zM12.38%200v4.035c-4.074%200-7.54%201.65-8.835%203.96A4.113%204.113%200%20013%205.979C3%202.676%207.199%200%2012.38%200zM5.396%209.99c-.814.576-1.453%201.254-1.866%202.001A4.084%204.084%200%20013%2010.004c0-.696.192-1.382.544-2.01.413.742%201.048%201.419%201.853%201.995zm0%200c1.717-1.217%204.21-1.982%206.982-1.982v3.993c-2.774%200-5.265-.78-6.982-2.012zM12.38%208.007V4.035c5.18%200%209.378%202.687%209.378%205.99%200%20.696-.187%201.363-.53%201.985-1.285-2.33-4.761-4.003-8.849-4.003zm0%2015.993v-4.035c4.072%200%207.538-1.65%208.834-3.96.352.632.544%201.311.544%202.016%200%203.303-4.199%205.979-9.379%205.979zm6.982-9.99c.814-.576%201.453-1.254%201.866-2.001.343.622.53%201.29.53%201.987%200%20.696-.192%201.382-.543%202.01-.414-.742-1.048-1.419-1.853-1.995zm0%200c-1.718%201.217-4.21%201.982-6.983%201.982v-3.993c2.774%200%205.265.78%206.983%202.012z%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%20fill-rule%3D%22evenodd%22%20d%3D%22M12.38%2015.993v3.972c-5.181%200-9.38-2.687-9.38-5.99%200-.696.187-1.363.53-1.985%201.285%202.33%204.761%204.003%208.85%204.003zM12.38%200v4.035c-4.074%200-7.54%201.65-8.835%203.96A4.113%204.113%200%20013%205.979C3%202.676%207.199%200%2012.38%200zM5.396%209.99c-.814.576-1.453%201.254-1.866%202.001A4.084%204.084%200%20013%2010.004c0-.696.192-1.382.544-2.01.413.742%201.048%201.419%201.853%201.995zm0%200c1.717-1.217%204.21-1.982%206.982-1.982v3.993c-2.774%200-5.265-.78-6.982-2.012zM12.38%208.007V4.035c5.18%200%209.378%202.687%209.378%205.99%200%20.696-.187%201.363-.53%201.985-1.285-2.33-4.761-4.003-8.849-4.003zm0%2015.993v-4.035c4.072%200%207.538-1.65%208.834-3.96.352.632.544%201.311.544%202.016%200%203.303-4.199%205.979-9.379%205.979zm6.982-9.99c.814-.576%201.453-1.254%201.866-2.001.343.622.53%201.29.53%201.987%200%20.696-.192%201.382-.543%202.01-.414-.742-1.048-1.419-1.853-1.995zm0%200c-1.718%201.217-4.21%201.982-6.983%201.982v-3.993c2.774%200%205.265.78%206.983%202.012z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/sync.svg?color=%231a73e8&size=48
