Home Reference Source

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;