Page MenuHomePhabricator
Files F34713195

Add image onboarding image 2.svg
RHo (Rita Ho)
Actions

Authored By
RHo
Oct 27 2021, 7:02 PM
Size
8 KB
Referenced Files
None
Subscribers
None

Add image onboarding image 2.svg
View Options

<svg width="360" height="216" viewBox="0 0 360 216" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3200:15247)">
<g filter="url(#filter0_d_3200:15247)">
<rect x="202" y="32" width="108" height="192" rx="4" fill="#EAECF0"/>
<rect x="201" y="31" width="110" height="194" rx="5" stroke="#A2A9B1" stroke-width="2" stroke-linecap="square"/>
</g>
<path d="M202 36C202 33.7909 203.791 32 206 32H306C308.209 32 310 33.7909 310 36V38H202V36Z" fill="#A2A9B1" stroke="#A2A9B1" stroke-linecap="square"/>
<g clip-path="url(#clip1_3200:15247)">
<rect width="108" height="82" transform="translate(202 38)" fill="#EAECF0"/>
<rect x="208" y="116" width="96" height="6" fill="#A2A9B1"/>
<rect x="208" y="104" width="28" height="6" fill="#A2A9B1"/>
<rect x="238" y="104" width="58" height="6" fill="#A2A9B1"/>
<rect x="208" y="92" width="96" height="6" fill="#A2A9B1"/>
<rect x="208" y="80" width="96" height="6" fill="#A2A9B1"/>
<rect x="282" y="68" width="22" height="6" fill="#A2A9B1"/>
<rect x="208" y="68" width="72" height="6" fill="#A2A9B1"/>
<rect x="208" y="46" width="56" height="14" fill="#A2A9B1"/>
</g>
<g filter="url(#filter1_d_3200:15247)">
<rect x="202" y="119" width="108" height="98" fill="white"/>
<rect width="108" height="24" transform="translate(202 193)" fill="white"/>
<rect x="208" y="199" width="16" height="12" rx="2" fill="#EAECF0" stroke="#A2A9B1" stroke-linecap="square"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M214.8 206.668L213.132 205L212.568 205.564L214.8 207.8L219.6 203L219.036 202.432L214.8 206.668Z" fill="#54595D"/>
<rect x="288" y="199" width="16" height="12" rx="2" fill="#EAECF0" stroke="#A2A9B1" stroke-linecap="square"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M294.5 201.4L293.9 202L296.9 205L293.9 208L294.5 208.6L298.1 205L294.5 201.4Z" fill="#54595D"/>
<rect x="230" y="199" width="16" height="12" rx="2" fill="#EAECF0" stroke="#A2A9B1" stroke-linecap="square"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M238.565 204.999L241.111 202.454L240.545 201.888L237.999 204.434L235.455 201.889L234.889 202.454L237.434 204.999L234.888 207.545L235.454 208.11L237.999 205.565L240.546 208.111L241.111 207.546L238.565 204.999Z" fill="#54595D"/>
<rect width="108" height="74" transform="translate(202 119)" fill="white"/>
<rect x="259" y="161" width="45" height="4" fill="#A2A9B1"/>
<rect x="208" y="139" width="96" height="4" fill="#A2A9B1"/>
<rect x="259" y="168" width="45" height="4" fill="#A2A9B1"/>
<rect x="259" y="149" width="36" height="8" fill="#A2A9B1"/>
<rect x="279" y="178" width="6" height="6" rx="3" fill="#A2A9B1"/>
<rect x="288" y="179" width="16" height="4" fill="#A2A9B1"/>
<path d="M202 119H310V133H202V119Z" fill="#EAF3FF"/>
<rect x="208" y="149" width="48" height="36" fill="#EAECF0"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M240 159H224C222.895 159 222 159.895 222 161V173C222 174.105 222.895 175 224 175H240C241.105 175 242 174.105 242 173V161C242 159.895 241.105 159 240 159ZM223.83 172L227.92 166.75L230.84 170.26L234.92 165L240.17 172H223.83Z" fill="#A2A9B1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M212.75 123.5L209.498 123.5C208.947 123.5 208.5 123.948 208.5 124.498L208.5 128L212 128L212 129L209.498 129C208.947 129 208.5 129.444 208.5 130L208.5 131L217.5 131L217.5 130C217.5 129.447 217.053 129 216.502 129L214 129L214 128L217.5 128L217.5 124.498C217.5 123.947 217.053 123.5 216.502 123.5L213.25 123.5L213.25 122.457C213.594 122.335 213.801 121.983 213.739 121.623C213.677 121.263 213.365 121 213 121C212.635 121 212.323 121.263 212.261 121.623C212.199 121.983 212.406 122.335 212.75 122.457L212.75 123.5ZM214.75 126.5C214.336 126.5 214 126.164 214 125.75C214 125.335 214.336 125 214.75 125C215.164 125 215.5 125.335 215.5 125.75C215.5 126.164 215.164 126.5 214.75 126.5ZM211.25 126.5C210.836 126.5 210.5 126.164 210.5 125.75C210.5 125.335 210.836 125 211.25 125C211.664 125 212 125.335 212 125.75C212 126.164 211.664 126.5 211.25 126.5Z" fill="#54595D"/>
<rect x="201.5" y="118.5" width="109" height="99" stroke="#A2A9B1" stroke-linecap="square"/>
</g>
<path opacity="0.5" d="M202 118.341H201.5V118.841V192.841V193.341H202H310H310.5V192.841V118.841V118.341H310H202Z" fill="#FFCC33" stroke="#FFCC33" stroke-linecap="square"/>
<path d="M203.5 192L49.7213 181.26C47.6254 181.114 46 179.371 46 177.27V66C46 63.7909 47.7909 62 50 62H214L311 119V192H203.5Z" fill="#FFCC33" fill-opacity="0.5" stroke="#FFCC33" stroke-width="2"/>
<rect x="48" y="64" width="166" height="115" rx="4" fill="white"/>
<rect x="135.5" y="129" width="67.5" height="6" fill="#A2A9B1"/>
<rect x="59" y="96" width="144" height="6" fill="#A2A9B1"/>
<rect x="135.5" y="139.5" width="67.5" height="6" fill="#A2A9B1"/>
<rect x="135.5" y="111" width="54" height="12" fill="#A2A9B1"/>
<rect x="165.5" y="154.5" width="9" height="9" rx="4.5" fill="#A2A9B1"/>
<rect x="179" y="156" width="24" height="6" fill="#A2A9B1"/>
<path d="M50 66H212V87H50V66Z" fill="#EAF3FF"/>
<rect x="59" y="111" width="72" height="54" fill="#EAECF0"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M103.83 133.498C103.05 133.547 102.456 134.218 102.503 134.998C102.495 135.061 102.495 135.124 102.503 135.186C102.555 135.962 103.226 136.55 104.003 136.498C104.07 136.506 104.138 136.506 104.205 136.498C104.978 136.442 105.559 135.771 105.503 134.998C105.51 134.931 105.51 134.863 105.503 134.796C105.447 134.023 104.775 133.443 104.003 133.498H103.83ZM107.753 126.396C107.753 124.416 106.253 122.998 104.048 122.998C103.91 122.991 103.773 122.991 103.635 122.998C101.69 123.08 100.177 124.72 100.253 126.666H102.158V126.538C102.173 126.081 102.37 125.648 102.705 125.336C103.04 125.024 103.485 124.857 103.943 124.873H104.07C104.491 124.877 104.892 125.049 105.185 125.351C105.478 125.652 105.638 126.058 105.63 126.478C105.63 127.363 105.293 127.836 104.288 128.511C103.243 129.071 102.647 130.214 102.788 131.391V131.998H104.67V131.488C104.67 130.603 104.97 130.146 106.035 129.456C107.124 128.826 107.782 127.653 107.753 126.396ZM84.5 148.5H105.5L99.875 141L99.5 140.505L98.75 139.5L93.5 146.25L89.75 141.75L84.5 148.5ZM103.271 138.75H104.375H104.419C106.289 138.75 107.942 137.535 108.5 135.75V150C108.5 151.657 107.157 153 105.5 153H84.5C82.8431 153 81.5 151.657 81.5 150V135C81.5 133.343 82.8431 132 84.5 132H93.5H99.5V135.375C99.7135 137.296 101.338 138.75 103.271 138.75Z" fill="#A2A9B1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M66.125 72.7494L61.2463 72.7494C60.4198 72.7494 59.75 73.4214 59.75 74.2472L59.75 79.4994L65 79.4994L65 80.9994L61.2463 80.9994C60.4198 80.9994 59.75 81.6654 59.75 82.4994L59.75 83.9994L73.25 83.9994L73.25 82.4994C73.25 81.6707 72.5802 80.9994 71.7537 80.9994L68 80.9994L68 79.4994L73.25 79.4994L73.25 74.2472C73.25 73.4199 72.5803 72.7494 71.7537 72.7494L66.875 72.7494L66.875 71.1857C67.3916 71.003 67.7015 70.4748 67.6088 69.9348C67.5161 69.3947 67.0479 69 66.5 69C65.9521 69 65.4839 69.3947 65.3912 69.9348C65.2985 70.4748 65.6084 71.003 66.125 71.1857L66.125 72.7494ZM69.125 77.2494C68.5037 77.2494 68 76.7457 68 76.1244C68 75.5031 68.5037 74.9994 69.125 74.9994C69.7463 74.9994 70.25 75.5031 70.25 76.1244C70.25 76.7457 69.7463 77.2494 69.125 77.2494ZM63.875 77.2494C63.2537 77.2494 62.75 76.7457 62.75 76.1244C62.75 75.5031 63.2537 74.9994 63.875 74.9994C64.4963 74.9994 65 75.5031 65 76.1244C65 76.7457 64.4963 77.2494 63.875 77.2494Z" fill="#54595D"/>
<rect x="48" y="64" width="166" height="115" rx="4" stroke="#FFCC33" stroke-width="4" stroke-linecap="square"/>
</g>
<defs>
<filter id="filter0_d_3200:15247" x="196" y="30" width="120" height="204" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3200:15247"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3200:15247" result="shape"/>
</filter>
<filter id="filter1_d_3200:15247" x="200" y="116" width="112" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3200:15247"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3200:15247" result="shape"/>
</filter>
<clipPath id="clip0_3200:15247">
<rect width="360" height="216" fill="white"/>
</clipPath>
<clipPath id="clip1_3200:15247">
<rect width="108" height="82" fill="white" transform="translate(202 38)"/>
</clipPath>
</defs>
</svg>

File Metadata

Mime Type
image/svg
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
9220901
Default Alt Text
Add image onboarding image 2.svg (8 KB)

Event Timeline

Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL