vac.dev/assets/img/feature_2.svg

98 lines
7.4 KiB
XML

<svg width="320" height="200" viewBox="0 0 320 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="320" height="200" fill="white"/>
<rect x="140" y="80" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="140" y="30" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="190" y="30" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="240" y="30" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="240" y="80" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="190" y="80" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="190" y="130" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="140" y="130" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="90" y="130" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="40" y="130" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="40" y="80" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="90" y="80" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="90" y="30" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="40" y="30" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="65" y="55" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="65" y="105" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="115" y="105" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="115" y="55" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="165" y="55" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="165" y="105" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="215" y="105" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="215" y="55" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="240" y="130" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<path d="M15 9C15 6.79086 16.7909 5 19 5H55V45H15V9Z" fill="#8524EE" fill-opacity="0.2"/>
<rect x="65" y="5" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="115" y="5" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="165" y="5" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="215" y="5" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<path d="M265 5H301C303.209 5 305 6.79086 305 9V45H265V5Z" fill="#8524EE" fill-opacity="0.2"/>
<rect x="15" y="55" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="65" y="55" width="40" height="40" fill="#681AB4" fill-opacity="0.1"/>
<rect x="115" y="55" width="40" height="40" fill="#681AB4" fill-opacity="0.1"/>
<rect x="165" y="55" width="40" height="40" fill="#681AB4" fill-opacity="0.1"/>
<rect x="215" y="55" width="40" height="40" fill="#681AB4" fill-opacity="0.1"/>
<rect x="265" y="55" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="15" y="105" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="65" y="105" width="40" height="40" fill="#681AB4" fill-opacity="0.1"/>
<rect x="115" y="105" width="40" height="40" fill="#681AB4" fill-opacity="0.1"/>
<rect x="165" y="105" width="40" height="40" fill="#681AB4" fill-opacity="0.1"/>
<rect x="215" y="105" width="40" height="40" fill="#681AB4" fill-opacity="0.1"/>
<rect x="265" y="105" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<path d="M15 155H55V195H19C16.7909 195 15 193.209 15 191V155Z" fill="#8524EE" fill-opacity="0.2"/>
<rect x="65" y="155" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="115" y="155" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="165" y="155" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<rect x="215" y="155" width="40" height="40" fill="#8524EE" fill-opacity="0.2"/>
<path d="M265 155H305V191C305 193.209 303.209 195 301 195H265V155Z" fill="#8524EE" fill-opacity="0.2"/>
<circle cx="210" cy="50" r="8" stroke="white" stroke-width="4"/>
<circle cx="260" cy="50" r="8" stroke="white" stroke-width="4"/>
<circle cx="260" cy="100" r="8" stroke="white" stroke-width="4"/>
<circle cx="260" cy="100" r="18" stroke="white" stroke-width="4"/>
<circle cx="260" cy="100" r="33" stroke="white" stroke-width="4"/>
<circle cx="210" cy="100" r="8" stroke="white" stroke-width="4"/>
<circle cx="160" cy="50" r="8" stroke="white" stroke-width="4"/>
<circle cx="110" cy="50" r="8" stroke="white" stroke-width="4"/>
<circle cx="60" cy="50" r="8" stroke="white" stroke-width="4"/>
<circle cx="35" cy="25" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="35" cy="75" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="35" cy="125" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="35" cy="175" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="85" cy="175" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="135" cy="175" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="185" cy="175" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="235" cy="175" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="285" cy="175" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="285" cy="125" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="285" cy="75" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="285" cy="25" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="235" cy="25" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="185" cy="25" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="135" cy="25" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="85" cy="25" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="85" cy="75" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="85" cy="125" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="135" cy="125" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="135" cy="75" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="185" cy="75" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="235" cy="75" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="235" cy="125" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="185" cy="125" r="8" stroke="#8524EE" stroke-opacity="0.2" stroke-width="4"/>
<circle cx="60" cy="100" r="8" stroke="white" stroke-width="4"/>
<circle cx="60" cy="150" r="8" stroke="white" stroke-width="4"/>
<circle cx="110" cy="150" r="8" stroke="white" stroke-width="4"/>
<circle cx="160" cy="150" r="8" stroke="white" stroke-width="4"/>
<circle cx="110" cy="100" r="8" stroke="white" stroke-width="4"/>
<path d="M20.3076 67.0195C28.2089 58.7248 51.1224 44.6237 79.5669 54.5774C115.122 67.0195 139.814 123.009 182.283 130.267C216.258 136.073 248.456 111.949 260.308 99.1617" stroke="url(#paint0_linear)" stroke-width="4" stroke-linecap="round"/>
<defs>
<linearGradient id="paint0_linear" x1="4.923" y1="41.8462" x2="260.923" y2="91.0769" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0"/>
<stop offset="0.28125" stop-color="#681AB4"/>
<stop offset="0.932292" stop-color="#681AB4"/>
<stop offset="1" stop-color="#F7B930"/>
</linearGradient>
</defs>
</svg>