icons LockOutlineIcon.tsx

0% Statements 0/45

100% Branches 0/0

0% Functions 0/1

0% Lines 0/45

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  /**
 * LockOutlineIcon - Outline/stroke lock icon for Authentication
 *
 * @example
 * ```tsx
 * <LockOutlineIcon className="text-blue-500" />
 * <LockOutlineIcon width={24} height={24} />
 * ```
 */
export default function LockOutlineIcon({
  width = 24,
  height = 24,
  className = '',
  ...props
}: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      {...props}
      className={className}
      width={width}
      height={height}
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      stroke="currentColor"
      strokeWidth={2}
    >
      <rect
        x="3"
        y="11"
        width="18"
        height="11"
        rx="2"
        ry="2"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        strokeLinecap="round"
        strokeLinejoin="round"
        d="M7 11V7a5 5 0 0110 0v4"
      />
    </svg>
  );
}