Menu

Beta
Sign in
Data Transfer SVG icon, solid

Data Transfer SVG icon, solid

Opposing stepped ribbons communicate bidirectional movement without arrowheads. Use it in file sharing interfaces and network transfer status panels.

Free · from Data Sync Marks, Solid

Similar SVGs

More from Data Sync Marks, Solid

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/0clxB060S8S5/amnt.svg" alt="Data Transfer" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><g id="art"><path d="M10 12h29v11h9v7H32V19H10z" fill="#000000"/><path d="M16 45h9V34h29v7H32v11H16z" fill="#000000"/></g></svg>
CSS background-image
.data-transfer {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/0clxB060S8S5/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.data-transfer {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/0clxB060S8S5/amnt.svg") center / contain no-repeat;
}
React
import DataTransferSvg from "./data-transfer.jsx"; // from the React tab above

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

Tags

transferbidirectionaldataexchange

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one original minimal bidirectional data transfer logo: two broad parallel ribbons making opposing stepped bends, their square ends offset diagonally around a clear central channel. Avoid arrowheads. Use solid black geometric 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