
// GENERATED BY ./scripts/iconScript.ts

import * as React from 'react';
import { IconProps, valuesMap } from '../helper';
import { flipFunction } from '../flipFunction';
import classNames from 'classnames';

function Eossecure_dataOutlined({size = "m", color = "black", rotate = 0, horizontalFlip = false, verticalFlip = false, className}: IconProps) {
    const sizeString: string = size.toString()
    if(Object.keys(valuesMap).includes(sizeString)) {
        size = valuesMap[size]
    }
    const { scaleX, scaleY, translateX, translateY } = flipFunction({horizontalFlip,verticalFlip})
    const classString = classNames(className);
return (
      <svg className={classString} data-testid="eos-svg-component" transform={`rotate(${rotate}, 12, 12) translate(${translateX}, ${translateY}) scale(${scaleX}, ${scaleY})`} fill={color} width={size} height={size} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.8,17V15.5a2.818,2.818,0,0,0-5.6,0V17A1.29043,1.29043,0,0,0,15,18.2v3.5A1.30939,1.30939,0,0,0,16.2,23h5.5A1.30937,1.30937,0,0,0,23,21.8V18.3A1.30933,1.30933,0,0,0,21.8,17Zm-4.3-1.5A1.37465,1.37465,0,0,1,19,14.2,1.37465,1.37465,0,0,1,20.5,15.5V17h-3Z"/><path d="M24,11V2a2,2,0,0,0-2-2H2A2,2,0,0,0,0,2V20a2,2,0,0,0,2,2H13V20H2V2H22v9"/><polygon points="6 4 4 4 4 6 6 6 6 4 6 4"/><polygon points="20 4 8 4 8 6 20 6 20 4 20 4"/><polygon points="13 16 8 16 8 18 13 18 13 16 13 16"/><polygon points="6 16 4 16 4 18 6 18 6 16 6 16"/><polygon points="10 8 8 8 8 10 10 10 10 8 10 8"/><polygon points="20 8 12 8 12 10 20 10 20 8 20 8"/><path d="M14.80786,12H12v2h2.2v-.5a2.26013,2.26013,0,0,1,.60785-1.5Z"/><polygon points="10 12 8 12 8 14 10 14 10 12 10 12"/></svg>
    );
};

export default Eossecure_dataOutlined;
