@navinc/base-react-components/src/icons/financing/card-lock.js

Nav's Pattern Library

import React from 'react'

const CardLock = (props) => (
  <svg fill="currentcolor" width="24" height="24" data-testid="icon:card-lock" {...props}>
    <path d="M14,13.0037721 C14,11.6209769 15.1220976,10.5 16.5,10.5 C17.8807119,10.5 19,11.6173898 19,13.0037721 L19,14.0000038 C19.5525555,14.001564 20,14.4443331 20,14.9990507 L20,17.0009493 C20,17.5527098 19.5514699,18 18.9970707,18 L14.0029293,18 C13.4490268,18 13,17.5566468 13,17.0009493 L13,14.9990507 C13,14.4482623 13.446951,14.0015764 14,14.0000042 L14,13.0037721 Z M16,14 L17,14 L17,13.0037721 C17,12.7229666 16.7771488,12.5 16.5,12.5 C16.2260245,12.5 16,12.72619 16,13.0037721 L16,14 Z M9,14.5 C9,12.3269458 9.92417799,10.369745 11.4009315,9 L2,9 L2,16 L9.15002717,16 C9.05164539,15.5153351 9,15.0136988 9,14.5 Z M24,14.5 C24,18.6421356 20.6421356,22 16.5,22 C13.6219565,22 11.1225407,20.3789021 9.86504713,18.000001 L2.000905,18 C0.895835681,18 0,17.1054862 0,15.9978711 L0,4.00212885 C0,2.89638362 0.896545617,2 2.000905,2 L19.999095,2 C21.1041643,2 22,2.89451376 22,4.00212885 L22,9.40093151 C23.2411745,10.7390703 24,12.5309185 24,14.5 Z M20,4 L2,4 L2,6 L20,6 L20,4 Z M16.5,20 C19.5375661,20 22,17.5375661 22,14.5 C22,11.4624339 19.5375661,9 16.5,9 C13.4624339,9 11,11.4624339 11,14.5 C11,17.5375661 13.4624339,20 16.5,20 Z" />
  </svg>
)

export default CardLock