Page MenuHomePhabricator
Files F34713196

Add image onboarding image 2 - RTL.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 - RTL.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:15763)">
<g filter="url(#filter0_d_3200:15763)">
<rect width="108" height="192" rx="4" transform="matrix(-1 0 0 1 155 32)" fill="#EAECF0"/>
<rect x="1" y="-1" width="110" height="194" rx="5" transform="matrix(-1 0 0 1 157 32)" stroke="#A2A9B1" stroke-width="2" stroke-linecap="square"/>
</g>
<path d="M155 36C155 33.7909 153.209 32 151 32H51C48.7909 32 47 33.7909 47 36V38H155V36Z" fill="#A2A9B1" stroke="#A2A9B1" stroke-linecap="square"/>
<g clip-path="url(#clip1_3200:15763)">
<rect width="108" height="82" transform="matrix(-1 0 0 1 155 38)" fill="#EAECF0"/>
<rect width="96" height="6" transform="matrix(-1 0 0 1 149 116)" fill="#A2A9B1"/>
<rect width="28" height="6" transform="matrix(-1 0 0 1 149 104)" fill="#A2A9B1"/>
<rect width="58" height="6" transform="matrix(-1 0 0 1 119 104)" fill="#A2A9B1"/>
<rect width="96" height="6" transform="matrix(-1 0 0 1 149 92)" fill="#A2A9B1"/>
<rect width="96" height="6" transform="matrix(-1 0 0 1 149 80)" fill="#A2A9B1"/>
<rect width="22" height="6" transform="matrix(-1 0 0 1 75 68)" fill="#A2A9B1"/>
<rect width="72" height="6" transform="matrix(-1 0 0 1 149 68)" fill="#A2A9B1"/>
<rect width="56" height="14" transform="matrix(-1 0 0 1 149 46)" fill="#A2A9B1"/>
</g>
<g filter="url(#filter1_d_3200:15763)">
<rect width="108" height="98" transform="matrix(-1 0 0 1 155 119)" fill="white"/>
<rect width="108" height="24" transform="matrix(-1 0 0 1 155 193)" fill="white"/>
<rect width="16" height="12" rx="2" transform="matrix(-1 0 0 1 149 199)" fill="#EAECF0" stroke="#A2A9B1" stroke-linecap="square"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M139.8 206.668L138.132 205L137.568 205.564L139.8 207.8L144.6 203L144.036 202.432L139.8 206.668Z" fill="#54595D"/>
<rect width="16" height="12" rx="2" transform="matrix(-1 0 0 1 69 199)" fill="#EAECF0" stroke="#A2A9B1" stroke-linecap="square"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M62.5001 201.4L63.1001 202L60.1005 205L63.1001 208L62.5001 208.6L58.9001 205L62.5001 201.4Z" fill="#54595D"/>
<rect width="16" height="12" rx="2" transform="matrix(-1 0 0 1 127 199)" fill="#EAECF0" stroke="#A2A9B1" stroke-linecap="square"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M118.435 204.999L115.889 202.454L116.455 201.888L119.001 204.434L121.545 201.889L122.111 202.455L119.566 204.999L122.112 207.545L121.546 208.111L119.001 205.565L116.454 208.111L115.889 207.546L118.435 204.999Z" fill="#54595D"/>
<rect width="108" height="74" transform="matrix(-1 0 0 1 155 119)" fill="white"/>
<rect width="45" height="4" transform="matrix(-1 0 0 1 98 161)" fill="#A2A9B1"/>
<rect width="96" height="4" transform="matrix(-1 0 0 1 149 139)" fill="#A2A9B1"/>
<rect width="45" height="4" transform="matrix(-1 0 0 1 98 168)" fill="#A2A9B1"/>
<rect width="36" height="8" transform="matrix(-1 0 0 1 98 149)" fill="#A2A9B1"/>
<rect width="6" height="6" rx="3" transform="matrix(-1 0 0 1 78 178)" fill="#A2A9B1"/>
<rect width="16" height="4" transform="matrix(-1 0 0 1 69 179)" fill="#A2A9B1"/>
<path d="M155 119H47V133H155V119Z" fill="#EAF3FF"/>
<rect width="48" height="36" transform="matrix(-1 0 0 1 149 149)" fill="#EAECF0"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M117 159H133C134.105 159 135 159.895 135 161V173C135 174.105 134.105 175 133 175H117C115.895 175 115 174.105 115 173V161C115 159.895 115.895 159 117 159ZM133.17 172L129.08 166.75L126.16 170.26L122.08 165L116.83 172H133.17Z" fill="#A2A9B1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M144.25 123.5L147.502 123.5C148.053 123.5 148.5 123.948 148.5 124.498L148.5 128L145 128L145 129L147.502 129C148.053 129 148.5 129.444 148.5 130L148.5 131L139.5 131L139.5 130C139.5 129.447 139.947 129 140.498 129L143 129L143 128L139.5 128L139.5 124.498C139.5 123.947 139.947 123.5 140.498 123.5L143.75 123.5L143.75 122.457C143.406 122.335 143.199 121.983 143.261 121.623C143.323 121.263 143.635 121 144 121C144.365 121 144.677 121.263 144.739 121.623C144.801 121.983 144.594 122.335 144.25 122.457L144.25 123.5ZM142.25 126.5C142.664 126.5 143 126.164 143 125.75C143 125.335 142.664 125 142.25 125C141.836 125 141.5 125.335 141.5 125.75C141.5 126.164 141.836 126.5 142.25 126.5ZM145.75 126.5C146.164 126.5 146.5 126.164 146.5 125.75C146.5 125.335 146.164 125 145.75 125C145.336 125 145 125.335 145 125.75C145 126.164 145.336 126.5 145.75 126.5Z" fill="#54595D"/>
<rect x="0.5" y="-0.5" width="109" height="99" transform="matrix(-1 0 0 1 156 119)" stroke="#A2A9B1" stroke-linecap="square"/>
</g>
<path opacity="0.5" d="M155 118.341H155.5V118.841V192.841V193.341H155H47H46.5V192.841V118.841V118.341H47H155Z" fill="#FFCC33" stroke="#FFCC33" stroke-linecap="square"/>
<path d="M153.5 192L307.279 181.26C309.375 181.114 311 179.371 311 177.27V66C311 63.7909 309.209 62 307 62H143L46 119V192H153.5Z" fill="#FFCC33" fill-opacity="0.5" stroke="#FFCC33" stroke-width="2"/>
<rect x="2" y="-2" width="166" height="115" rx="4" transform="matrix(-1 0 0 1 311 66)" fill="white"/>
<rect width="67.5" height="6" transform="matrix(-1 0 0 1 221.5 129)" fill="#A2A9B1"/>
<rect width="144" height="6" transform="matrix(-1 0 0 1 298 96)" fill="#A2A9B1"/>
<rect width="67.5" height="6" transform="matrix(-1 0 0 1 221.5 139.5)" fill="#A2A9B1"/>
<rect width="54" height="12" transform="matrix(-1 0 0 1 221.5 111)" fill="#A2A9B1"/>
<rect width="9" height="9" rx="4.5" transform="matrix(-1 0 0 1 191.5 154.5)" fill="#A2A9B1"/>
<rect width="24" height="6" transform="matrix(-1 0 0 1 178 156)" fill="#A2A9B1"/>
<path d="M307 66H145V87H307V66Z" fill="#EAF3FF"/>
<rect width="72" height="54" transform="matrix(-1 0 0 1 298 111)" fill="#EAECF0"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M250 126H274C275.657 126 277 127.343 277 129V147C277 148.657 275.657 150 274 150H250C248.343 150 247 148.657 247 147V129C247 127.343 248.343 126 250 126ZM274.255 145.5L268.12 137.625L263.74 142.89L257.62 135L249.745 145.5H274.255Z" fill="#A2A9B1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M290.875 72.7494L295.754 72.7494C296.58 72.7494 297.25 73.4214 297.25 74.2472L297.25 79.4994L292 79.4994L292 80.9994L295.754 80.9994C296.58 80.9994 297.25 81.6654 297.25 82.4994L297.25 83.9994L283.75 83.9994L283.75 82.4994C283.75 81.6707 284.42 80.9994 285.246 80.9994L289 80.9994L289 79.4994L283.75 79.4994L283.75 74.2472C283.75 73.4199 284.42 72.7494 285.246 72.7494L290.125 72.7494L290.125 71.1857C289.608 71.003 289.299 70.4748 289.391 69.9348C289.484 69.3947 289.952 69 290.5 69C291.048 69 291.516 69.3947 291.609 69.9348C291.701 70.4748 291.392 71.003 290.875 71.1857L290.875 72.7494ZM287.875 77.2494C288.496 77.2494 289 76.7457 289 76.1244C289 75.5031 288.496 74.9994 287.875 74.9994C287.254 74.9994 286.75 75.5031 286.75 76.1244C286.75 76.7457 287.254 77.2494 287.875 77.2494ZM293.125 77.2494C293.746 77.2494 294.25 76.7457 294.25 76.1244C294.25 75.5031 293.746 74.9994 293.125 74.9994C292.504 74.9994 292 75.5031 292 76.1244C292 76.7457 292.504 77.2494 293.125 77.2494Z" fill="#54595D"/>
<rect x="2" y="-2" width="166" height="115" rx="4" transform="matrix(-1 0 0 1 311 66)" stroke="#FFCC33" stroke-width="4" stroke-linecap="square"/>
</g>
<defs>
<filter id="filter0_d_3200:15763" x="41" 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:15763"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3200:15763" result="shape"/>
</filter>
<filter id="filter1_d_3200:15763" x="45" 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:15763"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3200:15763" result="shape"/>
</filter>
<clipPath id="clip0_3200:15763">
<rect width="360" height="216" fill="white"/>
</clipPath>
<clipPath id="clip1_3200:15763">
<rect width="108" height="82" fill="white" transform="matrix(-1 0 0 1 155 38)"/>
</clipPath>
</defs>
</svg>

File Metadata

Mime Type
image/svg
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
9220902
Default Alt Text
Add image onboarding image 2 - RTL.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