@navinc/base-react-components/src/icons/tech/locked.js

Nav's Pattern Library

import React from 'react'

const Locked = (props) => (
  <svg fill="currentcolor" width="24" height="24" data-testid="icon:locked" {...props}>
    <path d="M10,15.5 C10,14.3954305 10.8954305,13.5 12,13.5 C13.1045695,13.5 14,14.3954305 14,15.5 C14,16.2402824 13.5978014,16.8866262 13,17.2324356 L13,18.0009493 C13,18.5527098 12.5561352,19 12,19 C11.4477153,19 11,18.5566468 11,18.0009493 L11,17.2324356 C10.4021986,16.8866262 10,16.2402824 10,15.5 Z M6,8.00015809 C6,4.68617841 8.68586818,2 12,2 C15.3130968,2 18,4.68777686 18,8.00025636 L18,10.500001 C19.1047667,10.5011462 20,11.3935291 20,12.5031471 L20,19.9968529 C20,21.1031605 19.1054862,22 17.9978711,22 L6.00212885,22 C4.89638362,22 4,21.1071835 4,19.9968529 L4,12.5031471 C4,11.3975484 4.8933678,10.5011494 6,10.5000011 L6,8.00015809 Z M8,10.5 L16,10.5 L16,8.00025636 C16,5.79220083 14.2083817,4 12,4 C9.79048939,4 8,5.79069621 8,8.00015809 L8,10.5 Z M6,12.5 L6,20 L18,20 L18,12.5 L6,12.5 Z" />
  </svg>
)

export default Locked