@styled-icons/fluentui-system-filled/TextField/TextField.esm.js

FluentUI System (filled) icons available as Styled Components

import _extends from "@babel/runtime/helpers/extends";
import * as React from 'react';
import { StyledIconBase } from '@styled-icons/styled-icon';
export var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
  var attrs = {
    "fill": "currentColor",
    "xmlns": "http://www.w3.org/2000/svg"
  };
  return /*#__PURE__*/React.createElement(StyledIconBase, _extends({
    iconAttrs: attrs,
    iconVerticalAlign: "middle",
    iconViewBox: "0 0 24 24"
  }, props, {
    ref: ref
  }), /*#__PURE__*/React.createElement("path", {
    d: "M2 7.75A3.75 3.75 0 0 1 5.75 4h12.5A3.75 3.75 0 0 1 22 7.75v8.5A3.75 3.75 0 0 1 18.25 20H5.75A3.75 3.75 0 0 1 2 16.25v-8.5ZM8.25 7a.75.75 0 0 0-.75.75v1.5a.75.75 0 1 0 1.5 0V8.5h2.25v7h-.5a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-.5v-7H15v.75a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75h-7.5Z"
  }));
});
TextField.displayName = 'TextField';
export var TextFieldDimensions = {
  height: 24,
  width: 24
};