@styled-icons/fluentui-system-filled/CalendarCancel/CalendarCancel.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 CalendarCancel = /*#__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: "M17.5 12a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm-2.48 3.02a.5.5 0 0 0 0 .71l1.77 1.77-1.76 1.77a.5.5 0 1 0 .7.7l1.77-1.76 1.77 1.77a.5.5 0 1 0 .7-.71l-1.76-1.77 1.77-1.77a.5.5 0 0 0-.7-.7l-1.78 1.76-1.77-1.77a.5.5 0 0 0-.7 0ZM21 8.5v3.52A6.5 6.5 0 0 0 12.02 21H6.25A3.25 3.25 0 0 1 3 17.75V8.5h18ZM17.75 3C19.55 3 21 4.46 21 6.25V7H3v-.75C3 4.45 4.46 3 6.25 3h11.5Z"
  }));
});
CalendarCancel.displayName = 'CalendarCancel';
export var CalendarCancelDimensions = {
  height: 24,
  width: 24
};