Beta

Sign Up Form SVG illustration, flat

Free
Sign Up Form SVG illustration, flat

Three input bars and a rounded button sit on a blank form card. Place it beside registration instructions or in a presentation about creating an account.

Sign in to download. Free SVGs are free with any account.

signupregistrationformonboardingillustrationflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2k8BI51zv7Sa/amnt.svg" alt="Sign Up Form" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><ellipse cx="200" cy="265" rx="118" ry="12" fill="#DED9EB" opacity=".5"/><rect x="99" y="38" width="210" height="224" rx="18" fill="#DED9EB"/><rect x="90" y="30" width="210" height="224" rx="18" fill="#F7F3EB"/><path d="M108 30h174a18 18 0 0 1 18 18v24H90V48a18 18 0 0 1 18-18Z" fill="#A9C8BC"/><circle cx="111" cy="51" r="4" fill="#F7F3EB"/><circle cx="125" cy="51" r="4" fill="#F7F3EB" opacity=".75"/><circle cx="139" cy="51" r="4" fill="#F7F3EB" opacity=".5"/><rect x="113" y="90" width="164" height="29" rx="8" fill="#DED9EB"/><rect x="113" y="132" width="164" height="29" rx="8" fill="#DED9EB"/><rect x="113" y="174" width="164" height="29" rx="8" fill="#DED9EB"/><rect x="130" y="218" width="130" height="26" rx="13" fill="#8B82A6"/><path d="M65 100c-8-6-12-14-11-24" stroke="#A9C8BC" stroke-width="3" stroke-linecap="round"/><path d="m67 69 5 9" stroke="#EACB79" stroke-width="3" stroke-linecap="round"/><circle cx="59" cy="191" r="5" fill="#DA837B"/><path d="m329 64 7-10 7 10-7 10Z" fill="#EACB79"/><circle cx="328" cy="119" r="3" fill="#8B82A6"/><path d="m330 213 7-7 7 7-7 7Z" fill="#A9C8BC"/><path d="m71 235 5-6m251-61 8 2" stroke="#DA837B" stroke-width="3" stroke-linecap="round"/></svg>
CSS background-image
.sign-up-form {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2k8BI51zv7Sa/amnt.svg");
  background-size: contain;
}
React
import SignUpFormSvg from "./sign-up-form.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Sign Up Form: Blank form card with three input bars and a prominent rounded button. as part of the pack Onboarding Illustrations, Flat. Want one like it? Make your own in the SVG studio.

Rest of Onboarding Illustrations, Flat

Whole pack

Similar SVGs

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