Getting Started SVG illustration, flat

Free
Getting Started SVG illustration, flat

A person steps onto the first of three rising platforms. This scene fits the opening page of a tutorial or a training course introduction.

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

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6b4YcmWIazKA/amnt.svg" alt="Getting Started" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><ellipse cx="208" cy="266" rx="151" ry="12" fill="#DED9EB" opacity=".55"/><path d="M180 225h56v39h-56z" fill="#A9C8BC"/><path d="M236 185h56v79h-56z" fill="#A9C8BC"/><path d="M292 145h56v119h-56z" fill="#A9C8BC"/><path d="M224 225h12v39h-12zm56-40h12v79h-12zm56-40h12v119h-12z" fill="#8B82A6" opacity=".35"/><rect x="176" y="219" width="60" height="9" rx="3" fill="#DED9EB"/><rect x="232" y="179" width="60" height="9" rx="3" fill="#DED9EB"/><rect x="288" y="139" width="64" height="9" rx="3" fill="#DED9EB"/><path d="m129 176-7 35-14 39 15 6 23-40 10-34Z" fill="#40394F"/><path d="m147 171 37-4c8-1 13 4 15 11l7 29-16 5-11-25-30 11-15-11Z" fill="#40394F"/><path d="m109 245 15 6-4 8-16-3Z" fill="#EDB59D"/><path d="m189 204 16-4 4 12-16 4Z" fill="#EDB59D"/><path d="m105 252 17 4 4 7c1 2-1 4-3 4H96c-4 0-5-4-2-7Z" fill="#8B82A6"/><path d="m191 211 17-2 12 4c3 1 4 6 0 6h-29c-3 0-4-2-3-4Z" fill="#8B82A6"/><path d="m132 123-18 27-24 1" stroke="#EDB59D" stroke-width="13" stroke-linecap="round" stroke-linejoin="round"/><path d="m93 151-10-4m9 5-10 3" stroke="#EDB59D" stroke-width="5" stroke-linecap="round"/><path d="m166 121 16 20 23-13" stroke="#EDB59D" stroke-width="13" stroke-linecap="round" stroke-linejoin="round"/><path d="m202 130 9-8m-7 7 11-2" stroke="#EDB59D" stroke-width="5" stroke-linecap="round"/><path d="M140 107c-11 0-17 5-23 15l-6 11 18 11-8 34c12 9 32 12 47 4l-3-44 11-8-10-17-13-6Z" fill="#DA837B"/><path d="m129 144 4-14m31 8-6-12" stroke="#40394F" stroke-width="2" stroke-linecap="round" opacity=".25"/><path d="m142 96-2 14c3 7 12 8 17 2l-2-17Z" fill="#EDB59D"/><path d="M129 82c-7-6-8-20-1-28 7-9 22-12 32-5 10 0 17 9 12 18l-8 23-27 6Z" fill="#40394F"/><path d="M139 68c9 3 17 1 23-4l3 13 7 9c1 2-1 4-5 4l-1 8c-1 9-11 13-19 9-9-3-15-12-15-23Z" fill="#EDB59D"/><ellipse cx="134" cy="84" rx="6" ry="7" fill="#EDB59D"/><path d="M157 79v2" stroke="#40394F" stroke-width="2.5" stroke-linecap="round"/><path d="M155 95c3 2 6 2 9-1" stroke="#40394F" stroke-width="2" stroke-linecap="round"/><path d="M129 69c0 10 3 13 9 15l4-15Z" fill="#40394F"/><circle cx="91" cy="102" r="4" fill="#A9C8BC"/><path d="m81 198 7-7 7 7-7 7Z" fill="#EACB79"/><path d="m222 86 5-10 5 10-5 10Z" fill="#EACB79"/><circle cx="272" cy="112" r="3" fill="#DA837B"/><path d="M318 106V96m14 16 7-7m-35 6-7-7" stroke="#EACB79" stroke-width="3" stroke-linecap="round"/><path d="m202 61 5-6M69 132l7 2" stroke="#8B82A6" stroke-width="3" stroke-linecap="round"/></svg>
CSS background-image
.getting-started {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6b4YcmWIazKA/amnt.svg");
  background-size: contain;
}
React
import GettingStartedSvg from "./getting-started.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Getting Started: Person stepping onto the first of three ascending platforms. as part of the pack Onboarding Illustrations, Flat. Want one like it? Make your own in the SVG studio.

Rest of Onboarding Illustrations, Flat

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