Real-Time Sync SVG icon, solid

Real-Time Sync SVG icon, solid

Rotated brackets and inward connectors frame an open center, representing updates exchanged in real time. Use it in collaboration software and live data monitoring dashboards.

Similar SVGs

More from Data Sync Marks, Solid

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/-DM3SDiyqhlu/amnt.svg" alt="Real-Time Sync" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g id="art"><path d="M3 3h11v3H6v8H3V3Zm8 3h3v3h-3V6Z" fill="#000000"/><path d="M21 21H10v-3h8v-8h3v11Zm-11-6h3v3h-3v-3Z" fill="#000000"/></g></svg>
CSS background-image
.real-time-sync {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/-DM3SDiyqhlu/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.real-time-sync {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/-DM3SDiyqhlu/amnt.svg") center / contain no-repeat;
}
React
import RealTimeSyncSvg from "./real-time-sync.jsx"; // from the React tab above

<RealTimeSyncSvg width={48} height={48} />

Tags

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one original minimal real-time synchronization logo: two solid right-angle brackets rotated around a central square opening, with a short square-ended connector projecting inward from each bracket. Create a balanced rotational silhouette from bold black shapes, centred on a transparent background, readable small. No letters or text. as part of the pack Data Sync Marks, Solid. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings