Page MenuHomePhabricator
Files F34713199

Add image onboarding image 3 - RTL.svg
RHo (Rita Ho)
Actions

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

Add image onboarding image 3 - 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:15767)">
<g filter="url(#filter0_d_3200:15767)">
<rect width="108" height="192" rx="4" transform="matrix(-1 0 0 1 310 32)" fill="#EAECF0"/>
<rect x="1" y="-1" width="110" height="194" rx="5" transform="matrix(-1 0 0 1 312 32)" stroke="#A2A9B1" stroke-width="2" stroke-linecap="square"/>
</g>
<path d="M310 36C310 33.7909 308.209 32 306 32H206C203.791 32 202 33.7909 202 36V38H310V36Z" fill="#A2A9B1" stroke="#A2A9B1" stroke-linecap="square"/>
<g clip-path="url(#clip1_3200:15767)">
<rect width="108" height="82" transform="matrix(-1 0 0 1 310 38)" fill="white"/>
<rect width="96" height="6" transform="matrix(-1 0 0 1 304 116)" fill="#A2A9B1"/>
<rect width="28" height="6" transform="matrix(-1 0 0 1 304 104)" fill="#A2A9B1"/>
<rect width="58" height="6" transform="matrix(-1 0 0 1 274 104)" fill="#A2A9B1"/>
<rect width="96" height="6" transform="matrix(-1 0 0 1 304 92)" fill="#A2A9B1"/>
<rect width="96" height="6" transform="matrix(-1 0 0 1 304 80)" fill="#A2A9B1"/>
<rect width="22" height="6" transform="matrix(-1 0 0 1 230 68)" fill="#A2A9B1"/>
<rect width="72" height="6" transform="matrix(-1 0 0 1 304 68)" fill="#A2A9B1"/>
<rect width="56" height="14" transform="matrix(-1 0 0 1 304 46)" fill="#A2A9B1"/>
</g>
<g filter="url(#filter1_d_3200:15767)">
<rect width="108" height="98" transform="matrix(-1 0 0 1 310 119)" fill="white"/>
<rect width="108" height="24" transform="matrix(-1 0 0 1 310 193)" fill="white"/>
<rect width="16" height="12" rx="2" transform="matrix(-1 0 0 1 304 199)" fill="#EAECF0" stroke="#A2A9B1" stroke-linecap="square"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M294.8 206.668L293.132 205L292.568 205.564L294.8 207.8L299.6 203L299.036 202.432L294.8 206.668Z" fill="#54595D"/>
<rect width="16" height="12" rx="2" transform="matrix(-1 0 0 1 224 199)" fill="#EAECF0" stroke="#A2A9B1" stroke-linecap="square"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M217.5 201.4L218.1 202L215.1 205L218.1 208L217.5 208.6L213.9 205L217.5 201.4Z" fill="#54595D"/>
<rect width="16" height="12" rx="2" transform="matrix(-1 0 0 1 282 199)" fill="#EAECF0" stroke="#A2A9B1" stroke-linecap="square"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M273.435 204.999L270.889 202.454L271.455 201.888L274.001 204.434L276.545 201.889L277.111 202.455L274.566 204.999L277.112 207.545L276.546 208.111L274.001 205.565L271.454 208.111L270.889 207.546L273.435 204.999Z" fill="#54595D"/>
<rect width="108" height="74" transform="matrix(-1 0 0 1 310 119)" fill="white"/>
<rect width="45" height="4" transform="matrix(-1 0 0 1 253 161)" fill="#A2A9B1"/>
<rect width="96" height="4" transform="matrix(-1 0 0 1 304 139)" fill="#A2A9B1"/>
<rect width="45" height="4" transform="matrix(-1 0 0 1 253 168)" fill="#A2A9B1"/>
<rect width="36" height="8" transform="matrix(-1 0 0 1 253 149)" fill="#A2A9B1"/>
<rect width="6" height="6" rx="3" transform="matrix(-1 0 0 1 233 178)" fill="#A2A9B1"/>
<rect width="16" height="4" transform="matrix(-1 0 0 1 224 179)" fill="#A2A9B1"/>
<path d="M310 119H202V133H310V119Z" fill="#EAF3FF"/>
<rect width="48" height="36" transform="matrix(-1 0 0 1 304 149)" fill="#EAECF0"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M272 159H288C289.105 159 290 159.895 290 161V173C290 174.105 289.105 175 288 175H272C270.895 175 270 174.105 270 173V161C270 159.895 270.895 159 272 159ZM288.17 172L284.08 166.75L281.16 170.26L277.08 165L271.83 172H288.17Z" fill="#A2A9B1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M299.25 123.5L302.502 123.5C303.053 123.5 303.5 123.948 303.5 124.498L303.5 128L300 128L300 129L302.502 129C303.053 129 303.5 129.444 303.5 130L303.5 131L294.5 131L294.5 130C294.5 129.447 294.947 129 295.498 129L298 129L298 128L294.5 128L294.5 124.498C294.5 123.947 294.947 123.5 295.498 123.5L298.75 123.5L298.75 122.457C298.406 122.335 298.199 121.983 298.261 121.623C298.323 121.263 298.635 121 299 121C299.365 121 299.677 121.263 299.739 121.623C299.801 121.983 299.594 122.335 299.25 122.457L299.25 123.5ZM297.25 126.5C297.664 126.5 298 126.164 298 125.75C298 125.335 297.664 125 297.25 125C296.836 125 296.5 125.335 296.5 125.75C296.5 126.164 296.836 126.5 297.25 126.5ZM300.75 126.5C301.164 126.5 301.5 126.164 301.5 125.75C301.5 125.335 301.164 125 300.75 125C300.336 125 300 125.335 300 125.75C300 126.164 300.336 126.5 300.75 126.5Z" fill="#54595D"/>
<rect x="0.5" y="-0.5" width="109" height="99" transform="matrix(-1 0 0 1 311 119)" stroke="#A2A9B1" stroke-linecap="square"/>
</g>
<path d="M211.388 184H50C47.7909 184 46 182.209 46 180V57.4505C46 55.3998 47.5508 53.6813 49.5907 53.4715L200 38H310V117.841L212.507 183.658C212.177 183.881 211.787 184 211.388 184Z" fill="#FFCC33" fill-opacity="0.5" stroke="#FFCC33" stroke-width="2"/>
<path opacity="0.5" d="M310 37.5H310.5V38V117V117.5H310H202H201.5V117V38V37.5H202H310Z" fill="#FFCC33" stroke="#FFCC33" stroke-linecap="square"/>
<rect x="48" y="56" width="166" height="126" rx="4" fill="white" stroke="#FFCC33" stroke-width="4"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M119 69.8408H203V90.8408H119V69.8408ZM59 102.841H92V111.841H59V102.841ZM203 120.841H59V129.841H203V120.841ZM59 138.841H203V147.841H59V138.841ZM161 156.841H203V165.841H161V156.841ZM59 175H203V180H59V175ZM158 156.841H71V165.841H158V156.841ZM203 102.841H95V111.841H203V102.841Z" fill="#A2A9B1"/>
</g>
<defs>
<filter id="filter0_d_3200:15767" 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:15767"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3200:15767" result="shape"/>
</filter>
<filter id="filter1_d_3200:15767" 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:15767"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3200:15767" result="shape"/>
</filter>
<clipPath id="clip0_3200:15767">
<rect width="360" height="216" fill="white"/>
</clipPath>
<clipPath id="clip1_3200:15767">
<rect width="108" height="82" fill="white" transform="matrix(-1 0 0 1 310 38)"/>
</clipPath>
</defs>
</svg>

File Metadata

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