src/assets/iconsSvgr/LockIconSvgr.js
import * as React from 'react';
import Svg, {ClipPath, Defs, G, Path} from 'react-native-svg';
/**
* SVGR component representing a lock.
* @param {Object} props - Properties
* @returns {Object} Lock symbol
*/
const LockIconSvgr = props => (
<Svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 166.24 176.21"
{...props}>
<Defs>
<ClipPath id="d">
<Path
style={{
fill: 'none',
}}
d="M0 0h166.24v74.97H0z"
/>
</ClipPath>
</Defs>
<G id="b">
<G id="c">
<Path
d="M152.94 80.38H13.3C5.96 80.38 0 85.53 0 91.88v72.84c0 6.34 5.96 11.5 13.3 11.5h139.64c7.35 0 13.3-5.16 13.3-11.5V91.88c0-6.35-5.95-11.5-13.3-11.5Zm-56.52 53.81v8.86c0 3.17-1.48 6.05-3.89 8.14-2.4 2.08-5.73 3.36-9.41 3.36-7.34 0-13.29-5.15-13.29-11.5v-8.85c-5.39-3.5-8.88-9.07-8.88-15.34 0-10.58 9.93-19.17 22.17-19.17s22.17 8.59 22.17 19.17c0 6.27-3.48 11.84-8.87 15.33Z"
style={{
fill: '#FFDD84',
}}
/>
<G
style={{
clipPath: 'url(#d)',
}}>
<Path
d="M94.97 23.18c18.2 0 33.01 14.81 33.01 33.01v12.45c0 18.2-14.81 33.01-33.01 33.01H71.28c-18.2 0-33.01-14.81-33.01-33.01V56.19c0-18.2 14.81-33.01 33.01-33.01h23.69m0-21.88H71.28c-30.32 0-54.89 24.58-54.89 54.89v12.45c0 30.31 24.57 54.89 54.89 54.89h23.69c30.31 0 54.89-24.57 54.89-54.89V56.19c0-30.31-24.57-54.89-54.89-54.89Z"
style={{
fill: '#FFDD84',
}}
/>
</G>
</G>
</G>
</Svg>
);
export default LockIconSvgr;