box-ui-elements-mlh/src/icon/line/Lock16.js.flow

Box UI Elements

// @flow
/* eslint-disable react/jsx-sort-props */
import * as React from 'react';
import * as vars from '../../styles/variables';
import AccessibleSVG from '../../icons/accessible-svg';
import type { Icon } from '../../icons/flowTypes';

/**
 * This is an auto-generated component and should not be edited
 * manually in contributor pull requests.
 *
 * If you have problems with this component:
 * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
 *
 * If there are missing features in this component:
 * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
 */

const Lock16 = (props: Icon) => (
    <AccessibleSVG width={16} height={16} viewBox="0 0 16 16" {...props}>
        <path
            fill={vars.bdlGray}
            fillRule="evenodd"
            d="M8 1a4.48 4.48 0 014.49 4.198A2.471 2.471 0 0114 7.5v4c0 1.4-1.1 2.5-2.5 2.5h-7C3.1 14 2 12.9 2 11.5v-4c0-1.047.615-1.926 1.51-2.303A4.479 4.479 0 018 1zm3.5 5h-7l-.14.007C3.62 6.083 3 6.747 3 7.5v4c0 .8.7 1.5 1.5 1.5h7c.8 0 1.5-.7 1.5-1.5v-4c0-.8-.7-1.5-1.5-1.5zm-2 3c.3 0 .5.2.5.5s-.3.5-.5.5h-3c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h3zM8 2l-.189.005C6.163 2.098 4.778 3.39 4.537 5h6.926C11.213 3.327 9.73 2 8 2z"
        />
    </AccessibleSVG>
);

export default Lock16;