interface Props { className ? : string ; } const VpnLogo = ( { className = 'logo' } ) => { return ( < svg xmlns = "http://www.w3.org/2000/svg" xmlnsXlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 130 22" className = { className } aria - labelledby = "logo__title" > < g > < path d = "M19.262 2.453c.118.286.18.592.18.9l-.014-.001a2.322 2.322 0 01-2.124 2.317l-3.575 12.105a2.314 2.314 0 01.638 2.678 2.358 2.358 0 01-3.081 1.226l-.02-.009a2.32 2.32 0 01-1.221-3.046l-6.73-8.413c-.229.081-.47.123-.714.124a2.348 2.348 0 01-2.01-1.039 2.315 2.315 0 01.637-3.211 2.363 2.363 0 013.267.612l10.238-3.268v-.074a2.354 2.354 0 014.53-.901zM11.127 17.42c.323-.164.68-.252 1.042-.257l-.002-.005h.011L15.71 5.236a3.17 3.17 0 01-.36-.329L4.887 8.214c-.037.343-.15.674-.332.968l6.571 8.238zM30.041 4.886H25.85V20.3h2.642v-5.44h1.571c1.779 0 3.239-.404 4.351-1.242 1.14-.859 1.69-2.163 1.69-3.852 0-1.591-.53-2.829-1.623-3.657-1.075-.828-2.568-1.223-4.44-1.223zm-1.549 7.762v-5.57h1.528c1.126 0 1.94.23 2.483.647l.003.002c.53.398.826 1.059.826 2.06 0 1.146-.304 1.853-.822 2.23l-.003.002c-.543.405-1.372.629-2.53.629h-1.485z" / > < path d = "M91.563 4.886h-2.83L93.7 20.3h2.63l4.922-15.414h-2.699l-3.495 11.84-3.495-11.84z" / > < path d = "M102.749 4.886h4.191c1.872 0 3.365.395 4.44 1.223 1.093.828 1.622 2.066 1.622 3.657 0 1.69-.549 2.993-1.689 3.852-1.112.838-2.573 1.242-4.351 1.242h-1.571v5.44h-2.642V4.886zm2.642 2.191v5.571h1.485c1.158 0 1.987-.224 2.53-.629l.002-.002c.519-.377.823-1.084.823-2.23 0-1.001-.295-1.662-.826-2.06l-.003-.002c-.543-.417-1.357-.648-2.483-.648h-1.528z" / > < path d = "M118.331 4.886h-3.154l.3.652V20h1.914v-6.794c0-1.19-.029-2.2-.086-3.031a59.195 59.195 0 00-.044-.763l.343.745a69.86 69.86 0 00-.069-1.154l5.407 11.297h3.22V4.886h-2.514v8.384c0 .784.036 1.644.109 2.582l.024.32-5.45-11.286zM61.039 5.536V8.37h2.733l-.3 2.127h-2.433v6.451c0 .559.096.908.237 1.105.137.16.384.272.817.272.378 0 .83-.129 1.363-.416l.257-.138 1.035 1.804-.226.157c-.798.552-1.704.827-2.708.827-1.02 0-1.856-.29-2.47-.905l-.005-.005c-.6-.633-.878-1.52-.878-2.615v-6.537h-1.978V8.369h1.978V5.845l2.578-.309zM43.136 8.111c-.756 0-1.427.239-1.998.715a3.837 3.837 0 00-.83.991l-.121-1.448h-2.274V20.3h2.578v-6.738c.238-1.053.559-1.791.94-2.25.37-.444.85-.665 1.469-.665.288 0 .593.039.916.12l.308.077.477-2.526-.274-.069a4.9 4.9 0 00-1.19-.138z" / > < path d = "M47.439 8.913c.816-.539 1.785-.802 2.894-.802 1.665 0 2.988.56 3.929 1.7.946 1.13 1.402 2.645 1.402 4.513 0 1.21-.206 2.291-.628 3.24v.001c-.423.936-1.04 1.677-1.85 2.212l-.003.002c-.816.523-1.777.779-2.871.779-1.665 0-2.995-.559-3.95-1.698-.946-1.13-1.403-2.646-1.403-4.514 0-1.21.206-2.285.628-3.22.423-.95 1.04-1.692 1.852-2.213zm.933 2.344c-.441.65-.684 1.665-.684 3.088 0 1.416.24 2.426.68 3.074.423.626 1.054.948 1.944.948.888 0 1.52-.323 1.944-.953.438-.652.68-1.667.68-3.09 0-1.416-.24-2.426-.675-3.074-.42-.627-1.047-.947-1.928-.947-.896 0-1.533.323-1.96.954zM70.657 8.111c-1.108 0-2.078.263-2.894.801-.812.522-1.429 1.265-1.852 2.215-.421.934-.628 2.01-.628 3.218 0 1.869.457 3.385 1.403 4.515.955 1.139 2.285 1.698 3.95 1.698 1.094 0 2.056-.256 2.87-.779l.004-.002c.81-.535 1.427-1.276 1.85-2.212v-.002c.422-.948.628-2.03.628-3.239 0-1.868-.456-3.384-1.402-4.513-.94-1.14-2.264-1.7-3.929-1.7zm-2.894.801h.002l.162.252-.166-.25.002-.002zm6.822.898h.001v.002l-.23.19.23-.192zm-6.573 4.535c0-1.423.243-2.437.684-3.088.428-.63 1.065-.954 1.961-.954.881 0 1.507.32 1.928.947.435.648.675 1.658.675 3.074 0 1.423-.241 2.438-.68 3.09-.424.63-1.056.953-1.944.953-.89 0-1.52-.322-1.945-.948-.438-.648-.68-1.658-.68-3.074z" / > < path d = "M81.731 8.667a4.217 4.217 0 012.127-.556c1.094 0 1.984.33 2.626 1.02.653.685.964 1.612.964 2.742V20.3H84.87v-8.148c0-.781-.15-1.251-.374-1.496-.227-.25-.58-.397-1.111-.397a2.28 2.28 0 00-1.411.457c-.405.303-.796.743-1.17 1.33V20.3h-2.578V8.37h2.27l.123 1.203c.325-.36.695-.662 1.11-.904l.002-.002z" / > < /g> < title id = "logo__title" > ProtonVPN < /title> < /svg>); } ; export default VpnLogo ;