18F/identity-idp

View on GitHub
app/assets/images/mfa-options/security_key_mobile.svg

Summary

Maintainability
Test Coverage
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 262 127"><g clip-path="url(#a)"><rect width="262" height="126.468" fill="#F2F9FF" rx="8"/><g class="security-key-image__key"><path fill="#112E51" d="M109 111a4 4 0 0 1 4-4h36a4 4 0 0 1 4 4v57a4 4 0 0 1-4 4h-36a4 4 0 0 1-4-4z"/><path fill="#FDB81E" d="M142 142c0 6.075-4.925 11-11 11s-11-4.925-11-11 4.925-11 11-11 11 4.925 11 11"/><path fill="url(#b)" d="M117 86a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v23a2 2 0 0 1-2 2h-24a2 2 0 0 1-2-2z"/><rect width="24" height="2" x="119" y="85" fill="#454545" rx="1"/></g><rect width="199" height="94" x="31.5" y="-60.5" fill="#454545" stroke="#DEDEDE" stroke-width="3" rx="22.5"/><path fill="#E21C3D" fill-rule="evenodd" d="M139.998 61.86c.895 0 1.339-1.085.702-1.713l-8.999-8.86a1 1 0 0 0-1.403 0l-8.999 8.86c-.637.628-.193 1.713.702 1.713h2.753a1 1 0 0 1 1 1V74a1 1 0 0 0 1 1h8.428a1 1 0 0 0 1-1V62.86a1 1 0 0 1 1-1z" class="security-key-image__arrow" clip-rule="evenodd"/></g><rect width="261" height="125.468" x=".5" y=".5" stroke="#CEDCED" rx="7.5"/><defs><linearGradient id="b" x1="145" x2="117" y1="107.365" y2="107.365" gradientUnits="userSpaceOnUse"><stop stop-color="#DEDEDE"/><stop offset=".925" stop-color="#EFEFEF"/><stop offset="1" stop-color="#DEDEDE"/></linearGradient><clipPath id="a"><rect width="262" height="126.468" fill="#fff" rx="8"/></clipPath></defs></svg>