Menu

Beta
Sign in
Beta
Connect Account SVG illustration, flat

Connect Account SVG illustration, flat

Two generic account cards join through a curved connector and central checkmark. Use it on an account linking page or in an integration tutorial.

Free · from Onboarding Illustrations, Flat

Similar SVGs

More from Onboarding Illustrations, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_h4Ys0SSC95P/amnt.svg" alt="Connect Account" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><ellipse cx="201" cy="252" rx="140" ry="13" fill="#DED9EB" opacity=".45"/><path d="M124 156C124 222 276 222 276 156" stroke="#8B82A6" stroke-width="3" stroke-linecap="round"/><path d="M124 87C147 49 253 49 276 87" stroke="#DED9EB" stroke-width="3" stroke-linecap="round" stroke-dasharray="5 8"/><rect x="49" y="89" width="126" height="112" rx="15" fill="#DED9EB"/><rect x="45" y="83" width="126" height="112" rx="15" fill="#F4ECDC"/><path d="M45 98a15 15 0 0 1 15-15h96a15 15 0 0 1 15 15v13H45Z" fill="#A9C8BC"/><circle cx="59" cy="97" r="3" fill="#F4ECDC"/><circle cx="70" cy="97" r="3" fill="#F4ECDC"/><circle cx="81" cy="97" r="3" fill="#F4ECDC"/><circle cx="82" cy="145" r="22" fill="#DED9EB"/><circle cx="82" cy="138" r="7" fill="#8B82A6"/><path d="M68 158v-3a14 14 0 0 1 28 0v3a22 22 0 0 1-28 0Z" fill="#8B82A6"/><rect x="114" y="135" width="39" height="6" rx="3" fill="#8B82A6"/><rect x="114" y="148" width="28" height="5" rx="2.5" fill="#DED9EB"/><rect x="63" y="177" width="59" height="5" rx="2.5" fill="#DED9EB"/><circle cx="148" cy="179" r="6" fill="#A9C8BC"/><rect x="233" y="89" width="126" height="112" rx="15" fill="#DED9EB"/><rect x="229" y="83" width="126" height="112" rx="15" fill="#F4ECDC"/><path d="M229 98a15 15 0 0 1 15-15h96a15 15 0 0 1 15 15v13H229Z" fill="#8B82A6"/><circle cx="243" cy="97" r="3" fill="#F4ECDC"/><circle cx="254" cy="97" r="3" fill="#F4ECDC"/><circle cx="265" cy="97" r="3" fill="#F4ECDC"/><circle cx="266" cy="145" r="22" fill="#A9C8BC"/><circle cx="266" cy="138" r="7" fill="#587F73"/><path d="M252 158v-3a14 14 0 0 1 28 0v3a22 22 0 0 1-28 0Z" fill="#587F73"/><rect x="298" y="135" width="39" height="6" rx="3" fill="#8B82A6"/><rect x="298" y="148" width="28" height="5" rx="2.5" fill="#DED9EB"/><rect x="247" y="177" width="59" height="5" rx="2.5" fill="#DED9EB"/><circle cx="332" cy="179" r="6" fill="#A9C8BC"/><circle cx="124" cy="195" r="5" fill="#8B82A6"/><circle cx="276" cy="195" r="5" fill="#8B82A6"/><circle cx="200" cy="207" r="30" fill="#F4ECDC"/><circle cx="200" cy="207" r="25" fill="#A9C8BC"/><path d="m186 207 9 9 19-20" stroke="#587F73" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><circle cx="200" cy="50" r="5" fill="#EACB79"/><path d="m76 56 4-6 6 4-4 6Z" fill="#EACB79"/><path d="m317 56 7 4-4 7-7-4Z" fill="#DA837B"/><path d="M39 218h8m-4-4v8M356 213h8m-4-4v8" stroke="#A9C8BC" stroke-width="2" stroke-linecap="round"/><circle cx="101" cy="233" r="3" fill="#DA837B"/><circle cx="306" cy="235" r="3" fill="#EACB79"/></svg>
CSS background-image
.connect-account {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_h4Ys0SSC95P/amnt.svg");
  background-size: contain;
}
React
import ConnectAccountSvg from "./connect-account.jsx"; // from the React tab above

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

Tags

connectaccountlinkonboardingillustrationflat

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Connect Account: Two generic account cards linked by a curved connector with a central checkmark. as part of the pack Onboarding Illustrations, Flat. 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