Getting Started SVG illustration, flat

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.

Similar SVGs

More from Onboarding Illustrations, Flat

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} />

Tags

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.

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