@styled-icons/fluentui-system-filled/ArrowStepOut/ArrowStepOut.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 ArrowStepOut = /*#__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 28 28"
  }, props, {
    ref: ref
  }), /*#__PURE__*/React.createElement("path", {
    d: "M14 16.5c.41 0 .75-.34.75-.75V4.62l3.96 4.15a.75.75 0 0 0 1.08-1.04l-5.25-5.5a.75.75 0 0 0-1.08 0L8.2 7.73a.75.75 0 0 0 1.08 1.04l3.96-4.15v11.13c0 .41.34.75.75.75Zm0 9.5a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"
  }));
});
ArrowStepOut.displayName = 'ArrowStepOut';
export var ArrowStepOutDimensions = {
  height: 28,
  width: 28
};