Feature Introduction SVG illustration, flat

Free
Feature Introduction SVG illustration, flat

An open presentation panel displays three feature tiles under a spotlight beam. Use it on a feature overview page or an introductory slide.

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/d8Lhy5C8-gud/amnt.svg" alt="Feature Introduction" 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="133" ry="11" fill="#DED9EB" opacity=".55"/><path d="M293 53 117 228h245L314 61Z" fill="#EACB79" opacity=".22"/><path d="M188 224h24v29h-24Z" fill="#8B82A6"/><path d="M175 250h50l17 12H158Z" fill="#8B82A6"/><rect x="76" y="80" width="248" height="151" rx="9" fill="#8B82A6"/><rect x="76" y="72" width="248" height="153" rx="9" fill="#DED9EB"/><rect x="86" y="83" width="228" height="131" rx="4" fill="#F4ECDC"/><path d="m76 83-28 21v113l28-3Z" fill="#A9C8BC"/><path d="m48 104 6 3v104l-6 6Z" fill="#8B82A6"/><path d="m324 83 28 21v113l-28-3Z" fill="#A9C8BC"/><path d="m352 104-6 3v104l6 6Z" fill="#8B82A6"/><rect x="98" y="112" width="60" height="86" rx="7" fill="#DED9EB"/><rect x="170" y="112" width="60" height="86" rx="7" fill="#DED9EB"/><rect x="242" y="112" width="60" height="86" rx="7" fill="#DED9EB"/><rect x="98" y="107" width="60" height="86" rx="7" fill="#A9C8BC"/><rect x="170" y="107" width="60" height="86" rx="7" fill="#DA837B"/><rect x="242" y="107" width="60" height="86" rx="7" fill="#EACB79"/><circle cx="128" cy="144" r="19" fill="#F4ECDC"/><path d="m119 144 6 6 12-13" stroke="#40394F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="m203 124-16 23h12l-2 17 17-25h-13Z" fill="#F4ECDC"/><path d="m272 123 6 12 13 2-10 10 2 14-11-7-12 7 3-14-10-10 13-2Z" fill="#F4ECDC"/><circle cx="128" cy="179" r="3" fill="#40394F" opacity=".45"/><circle cx="200" cy="179" r="3" fill="#40394F" opacity=".45"/><circle cx="272" cy="179" r="3" fill="#40394F" opacity=".45"/><path d="M310 26h24v9h-24Z" fill="#8B82A6"/><path d="M322 34v17l-12 9" stroke="#8B82A6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="m299 38 24 20-18 22-24-20Z" fill="#40394F"/><path d="m281 60 24 20-8 7-24-20Z" fill="#8B82A6"/><path d="m277 66 21 18-5 5-21-18Z" fill="#EACB79"/><path d="m65 57 5 7m27-22-1 9M53 82l8 2" stroke="#A9C8BC" stroke-width="3" stroke-linecap="round"/><circle cx="341" cy="238" r="3" fill="#DA837B"/><path d="m56 240 7-5 5 7-7 5Z" fill="#EACB79"/></svg>
CSS background-image
.feature-introduction {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/d8Lhy5C8-gud/amnt.svg");
  background-size: contain;
}
React
import FeatureIntroductionSvg from "./feature-introduction.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Feature Introduction: Open presentation panel displaying three simple feature tiles and a spotlight beam. 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