Beta

Profile Creation SVG illustration, flat

Free
Profile Creation SVG illustration, flat

A blank profile card shows an avatar placeholder, detail bars, and an add symbol. Add it to a profile setup screen or a user guide.

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

profilecreationuseronboardingillustrationflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kIOntE89wtBI/amnt.svg" alt="Profile Creation" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><ellipse cx="203" cy="264" rx="124" ry="11" fill="#DED9EB" opacity=".5"/><rect x="97" y="42" width="217" height="210" rx="18" transform="rotate(5 97 42)" fill="#DED9EB"/><rect x="88" y="35" width="218" height="216" rx="18" fill="#F4ECDC"/><path d="M106 35h182a18 18 0 0 1 18 18v34H88V53a18 18 0 0 1 18-18Z" fill="#A9C8BC"/><circle cx="197" cy="95" r="40" fill="#F4ECDC"/><circle cx="197" cy="95" r="34" fill="#DED9EB"/><clipPath id="avatar"><circle cx="197" cy="95" r="34"/></clipPath><g clip-path="url(#avatar)" fill="#8B82A6"><circle cx="197" cy="85" r="12"/><path d="M170 132v-7a27 27 0 0 1 54 0v7Z"/></g><rect x="160" y="146" width="74" height="8" rx="4" fill="#8B82A6"/><rect x="174" y="162" width="46" height="5" rx="2.5" fill="#DED9EB"/><rect x="114" y="187" width="14" height="14" rx="4" fill="#A9C8BC"/><rect x="139" y="191" width="119" height="6" rx="3" fill="#DED9EB"/><rect x="114" y="213" width="14" height="14" rx="4" fill="#A9C8BC"/><rect x="139" y="217" width="89" height="6" rx="3" fill="#DED9EB"/><circle cx="291" cy="220" r="36" fill="#F4ECDC"/><circle cx="291" cy="220" r="30" fill="#DA837B"/><rect x="287" y="205" width="8" height="30" rx="4" fill="#F4ECDC"/><rect x="276" y="216" width="30" height="8" rx="4" fill="#F4ECDC"/><circle cx=" sixty" cy="90" r="0" fill="#EACB79"/><circle cx="62" cy="104" r="5" fill="#EACB79"/><circle cx="337" cy="153" r="4" fill="#A9C8BC"/><path d="m330 66 6-10 6 10-6 10Z" fill="#EACB79"/><path d="m58 204 5-8 5 8-5 8Z" fill="#DA837B"/><path d="m67 153 6 5m251-59 7-4" stroke="#8B82A6" stroke-width="3" stroke-linecap="round"/></svg>
CSS background-image
.profile-creation {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kIOntE89wtBI/amnt.svg");
  background-size: contain;
}
React
import ProfileCreationSvg from "./profile-creation.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Profile Creation: Blank profile card with avatar placeholder, detail bars, and an add symbol. 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