How to use the react-icons/ti.TiPlus function in react-icons

null,
              _react2.default.createElement(
                'td',
                {
                  style: !this.state.newEmptyHover ? newLayerLableStyle : newLayerLableHoverStyle,
                  onMouseOver: function onMouseOver() {
                    return _this2.setState({ newEmptyHover: true });
                  },
                  onMouseOut: function onMouseOut() {
                    return _this2.setState({ newEmptyHover: false });
                  },
                  onClick: function onClick(e) {
                    return _this2.context.groupsActions.addGroup();
                  }
                },
                _react2.default.createElement(_ti.TiPlus, null),
                _react2.default.createElement(
                  'b',
                  { style: styleAddLabel },
                  this.context.translator.t('New Empty Group')
                )
              ),
              _react2.default.createElement(
                'td',
                {
                  style: !this.state.newSelectedHover ? newLayerLableStyle : newLayerLableHoverStyle,
                  onMouseOver: function onMouseOver() {
                    return _this2.setState({ newSelectedHover: true });
                  },
                  onMouseOut: function onMouseOut() {
                    return _this2.setState({ newSelectedHover: false });
                  },

),
              _react2.default.createElement(
                'td',
                {
                  style: !this.state.newSelectedHover ? newLayerLableStyle : newLayerLableHoverStyle,
                  onMouseOver: function onMouseOver() {
                    return _this2.setState({ newSelectedHover: true });
                  },
                  onMouseOut: function onMouseOut() {
                    return _this2.setState({ newSelectedHover: false });
                  },
                  onClick: function onClick(e) {
                    return _this2.context.groupsActions.addGroupFromSelected();
                  }
                },
                _react2.default.createElement(_ti.TiPlus, null),
                _react2.default.createElement(
                  'b',
                  { style: styleAddLabel },
                  this.context.translator.t('New Group from selected')
                )
              )
            )
          )
        )
      );
    }
  }]);

),
        _react2.default.createElement(
          'p',
          {
            style: !this.state.headHovered ? newLayerLableStyle : newLayerLableHoverStyle,
            onMouseOver: function onMouseOver() {
              return _this2.setState({ headHovered: true });
            },
            onMouseOut: function onMouseOut() {
              return _this2.setState({ headHovered: false });
            },
            onClick: function onClick(e) {
              return _this2.addLayer(e);
            }
          },
          !this.state.layerAddUIVisible ? _react2.default.createElement(_ti.TiPlus, null) : _react2.default.createElement(_ti.TiDelete, null),
          _react2.default.createElement(
            'b',
            { style: styleAddLabel },
            this.context.translator.t('New layer')
          )
        ),
        this.state.layerAddUIVisible && this.state.editingLayer ? _react2.default.createElement(
          'table',
          { style: layerInputTableStyle },
          _react2.default.createElement(
            'tbody',
            null,
            _react2.default.createElement(
              'tr',
              { style: { marginTop: '1em' } },
              _react2.default.createElement(