Menu

Beta
Sign in
Module Steps SVG logo, solid

Module Steps SVG logo, solid

Three chunky rectangular modules nest into a stair-step form, divided by channels that meet around a central opening. Use it in no-code builder interfaces and automation tutorial pages.

Free · from Data Flow Startup Marks

Similar SVGs

More from Data Flow Startup Marks

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/A01oCVKdE2Lb/amnt.svg" alt="Module Steps" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256"><g id="layer-1" data-name="Rectangle 1"><path d="M40 40L176 40L176 104L40 104Z" fill="#000000"/></g><g id="layer-2" data-name="Rectangle 2"><path d="M40 120L104 120L104 184L40 184Z" fill="#000000"/></g><g id="layer-3" data-name="Rectangle 3"><path d="M120 120L216 120L216 216L120 216Z" fill="#000000"/></g></svg>
CSS background-image
.module-steps {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/A01oCVKdE2Lb/amnt.svg");
  background-size: contain;
}
React
import ModuleStepsSvg from "./module-steps.jsx"; // from the React tab above

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

Tags

modulesnocodeworkflowautomation

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Create one original abstract logo for no-code automation software: three chunky rectangular modules nest into a compact stair-step arrangement, separated by two wide channels that meet at a central square opening. Use clean, bold solid geometric shapes, one black fill, no letters or text, centred on a transparent background in a square composition, readable small. as part of the pack Data Flow Startup Marks. 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