hpo-small.svg

<svg width="32" height="30" viewBox="0 0 32 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 4C0 1.79086 1.79086 0 4 0H20C23.3137 0 26 2.68629 26 6V26C26 28.2091 24.2091 30 22 30H4C1.79086 30 0 28.2091 0 26V4Z" fill="url(#paint0_linear_12_193)"/>
<path opacity="0.4" d="M5.97656 9.27344C5.49479 9.27344 5.11458 9.22266 4.83594 9.12109C4.55729 9.02214 4.35547 8.86589 4.23047 8.65234C4.10807 8.44141 4.04688 8.11719 4.04688 7.67969V6.97656C4.04688 6.50781 3.85286 6.27344 3.46484 6.27344V5.39844C3.85286 5.39844 4.04688 5.16146 4.04688 4.6875V4.03125C4.04688 3.57292 4.10677 3.23698 4.22656 3.02344C4.34896 2.80729 4.54818 2.64974 4.82422 2.55078C5.10286 2.44922 5.48698 2.39844 5.97656 2.39844V3.27344C5.76302 3.27344 5.60547 3.32161 5.50391 3.41797C5.40234 3.51432 5.35156 3.67839 5.35156 3.91016V4.46484C5.35156 4.81901 5.30339 5.10807 5.20703 5.33203C5.11068 5.55599 4.95312 5.72005 4.73438 5.82422V5.83984C4.95052 5.94401 5.10677 6.11198 5.20312 6.34375C5.30208 6.57552 5.35156 6.88021 5.35156 7.25781V7.75391C5.35156 7.98828 5.39974 8.15365 5.49609 8.25C5.59245 8.34896 5.7526 8.39844 5.97656 8.39844V9.27344Z" fill="white"/>
<path opacity="0.4" d="M14.4023 25.2734C14.0143 25.2734 13.8203 25.5104 13.8203 25.9844V26.6406C13.8203 27.099 13.7591 27.4349 13.6367 27.6484C13.5169 27.8646 13.3177 28.0221 13.0391 28.1211C12.763 28.2227 12.3802 28.2734 11.8906 28.2734V27.3984C12.1068 27.3984 12.2643 27.3503 12.3633 27.2539C12.4648 27.1576 12.5156 26.9935 12.5156 26.7617V26.207C12.5156 25.8555 12.5625 25.5677 12.6562 25.3438C12.7526 25.1198 12.9115 24.9544 13.1328 24.8477V24.832C12.9167 24.7253 12.7591 24.5547 12.6602 24.3203C12.5638 24.0859 12.5156 23.7839 12.5156 23.4141V22.9219C12.5156 22.6901 12.4688 22.5247 12.375 22.4258C12.2812 22.3242 12.1198 22.2734 11.8906 22.2734V21.3984C12.375 21.3984 12.7552 21.4492 13.0312 21.5508C13.3099 21.6497 13.5104 21.806 13.6328 22.0195C13.7578 22.2305 13.8203 22.5547 13.8203 22.9922V23.6953C13.8203 24.1641 14.0143 24.3984 14.4023 24.3984V25.2734Z" fill="white"/>
<path d="M20 0V0C23.3137 0 26 2.68629 26 6V6H20V0Z" fill="url(#paint1_linear_12_193)"/>
<path d="M6.84766 16H5.67969V15.4258H5.66406C5.39583 15.8737 4.9987 16.0977 4.47266 16.0977C4.08464 16.0977 3.77865 15.9883 3.55469 15.7695C3.33333 15.5482 3.22266 15.2539 3.22266 14.8867C3.22266 14.1107 3.68229 13.6628 4.60156 13.543L5.6875 13.3984C5.6875 12.9609 5.45052 12.7422 4.97656 12.7422C4.5 12.7422 4.04688 12.8841 3.61719 13.168V12.2383C3.78906 12.1497 4.02344 12.0716 4.32031 12.0039C4.61979 11.9362 4.89193 11.9023 5.13672 11.9023C6.27734 11.9023 6.84766 12.4714 6.84766 13.6094V16ZM5.6875 14.375V14.1055L4.96094 14.1992C4.5599 14.2513 4.35938 14.4323 4.35938 14.7422C4.35938 14.8828 4.40755 14.9987 4.50391 15.0898C4.60286 15.1784 4.73568 15.2227 4.90234 15.2227C5.13411 15.2227 5.32292 15.1432 5.46875 14.9844C5.61458 14.8229 5.6875 14.6198 5.6875 14.375Z" fill="white"/>
<path d="M21.3711 15.1641C21.0508 15.7865 20.5677 16.0977 19.9219 16.0977C19.4141 16.0977 19.0143 15.9141 18.7227 15.5469C18.431 15.1797 18.2852 14.7018 18.2852 14.1133C18.2852 13.4753 18.4544 12.9479 18.793 12.5312C19.1315 12.112 19.5859 11.9023 20.1562 11.9023C20.7995 11.9023 21.2344 12.1771 21.4609 12.7266H21.4805L21.6992 12H22.9453L22.082 14.0273C22.181 14.3971 22.2826 14.6641 22.3867 14.8281C22.4935 14.9896 22.6159 15.0703 22.7539 15.0703C22.8763 15.0703 22.9792 15.0495 23.0625 15.0078L23.0469 15.9531C22.875 16.0234 22.6784 16.0586 22.457 16.0586C22.1706 16.0586 21.9427 15.9896 21.7734 15.8516C21.6068 15.7109 21.4805 15.4818 21.3945 15.1641H21.3711ZM21.1055 13.9453C20.9544 13.2083 20.6901 12.8398 20.3125 12.8398C20.0651 12.8398 19.8711 12.9544 19.7305 13.1836C19.5898 13.4128 19.5195 13.6979 19.5195 14.0391C19.5195 14.3646 19.5755 14.6302 19.6875 14.8359C19.8021 15.0391 19.9674 15.1406 20.1836 15.1406C20.5534 15.1406 20.8411 14.8034 21.0469 14.1289L21.1055 13.9453Z" fill="white"/>
<rect opacity="0.3" x="9" y="13" width="3" height="1" fill="#FFFEFE"/>
<rect opacity="0.3" x="9" y="15" width="3" height="1" fill="#FFFEFE"/>
<path d="M14 13L16 14.5L14 16" stroke="white"/>
<g filter="url(#filter0_b_12_193)">
<rect x="18" y="16" width="14" height="10" rx="2" fill="#BBE3FF" fill-opacity="0.44"/>
</g>
<g filter="url(#filter1_b_12_193)">
<rect x="18.1" y="16.1" width="13.8" height="9.8" rx="1.9" stroke="url(#paint2_linear_12_193)" stroke-width="0.2"/>
</g>
<path d="M22.6099 23V21.6938H21.3989V23H20.3442V19.499H21.3989V20.7954H22.6099V19.499H23.6646V23H22.6099ZM27.2192 20.6538C27.2192 20.8931 27.1582 21.1055 27.0361 21.291C26.9157 21.4766 26.7432 21.6206 26.5186 21.7231C26.2939 21.8241 26.0327 21.8745 25.7349 21.8745H25.4126V23H24.3579V19.499H25.7935C26.2866 19.499 26.6471 19.5926 26.875 19.7798C27.1045 19.967 27.2192 20.2583 27.2192 20.6538ZM26.1035 20.6904C26.1035 20.5472 26.062 20.439 25.979 20.3657C25.896 20.2925 25.7739 20.2559 25.6128 20.2559H25.4126V21.1201H25.6494C25.9521 21.1201 26.1035 20.9769 26.1035 20.6904ZM30.9692 21.2397C30.9692 21.5913 30.8936 21.9062 30.7422 22.1846C30.5908 22.4613 30.3792 22.6769 30.1074 22.8315C29.8356 22.9845 29.5312 23.061 29.1943 23.061C28.8656 23.061 28.5661 22.987 28.2959 22.8389C28.0273 22.6891 27.8182 22.48 27.6685 22.2114C27.5187 21.9412 27.4438 21.6361 27.4438 21.2959C27.4438 20.9395 27.5195 20.6188 27.6709 20.334C27.8223 20.0492 28.0347 19.8294 28.3081 19.6748C28.5815 19.5186 28.8924 19.4404 29.2407 19.4404C29.576 19.4404 29.8755 19.5153 30.1392 19.665C30.4045 19.8132 30.6087 20.0256 30.752 20.3022C30.8968 20.5773 30.9692 20.8898 30.9692 21.2397ZM29.8511 21.269C29.8511 20.981 29.7957 20.7539 29.6851 20.5879C29.5744 20.4219 29.423 20.3389 29.231 20.3389C29.021 20.3389 28.8574 20.4186 28.7402 20.5781C28.623 20.7376 28.5645 20.9631 28.5645 21.2544C28.5645 21.5392 28.6222 21.7614 28.7378 21.9209C28.855 22.0804 29.0137 22.1602 29.2139 22.1602C29.3359 22.1602 29.4458 22.1243 29.5435 22.0527C29.6411 21.9811 29.7168 21.8786 29.7705 21.7451C29.8242 21.6117 29.8511 21.453 29.8511 21.269Z" fill="#1897FF"/>
<defs>
<filter id="filter0_b_12_193" x="14" y="12" width="22" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImage" stdDeviation="2"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_12_193"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_12_193" result="shape"/>
</filter>
<filter id="filter1_b_12_193" x="10" y="8" width="30" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImage" stdDeviation="4"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_12_193"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_12_193" result="shape"/>
</filter>
<linearGradient id="paint0_linear_12_193" x1="23" y1="28.125" x2="2.28188" y2="-0.358586" gradientUnits="userSpaceOnUse">
<stop stop-color="#4BA7F4"/>
<stop offset="1" stop-color="#68C2FF"/>
</linearGradient>
<linearGradient id="paint1_linear_12_193" x1="20" y1="6" x2="24.718" y2="2.45575" gradientUnits="userSpaceOnUse">
<stop stop-color="#3BA2F9"/>
<stop offset="1" stop-color="#68C2FF"/>
</linearGradient>
<linearGradient id="paint2_linear_12_193" x1="19" y1="17" x2="32" y2="24" gradientUnits="userSpaceOnUse">
<stop stop-color="#EBF2F7" stop-opacity="0.6"/>
<stop offset="1" stop-color="#ADC6DD" stop-opacity="0.12"/>
</linearGradient>
</defs>
</svg>