icon: SVG images don't load from Windows IIS web server

[willpritchard]

Actual Behavior:

• What is the issue? * Microsoft IIS 7 returns a 406 (Not acceptable) error for all SVGs used with md-icon. This seems to be caused by an inappropriate header ("Accept: application/json"), being sent by the browser when SVGs are requested using the $templateRequestservice.
• What is the expected behavior? SVGs should load without errors.

CodePen (or steps to reproduce the issue): *

• CodePen Demo which shows your issue: N/A
• Details: Host an app on IIS 7 and load it into a browser (Chrome),, check the console for the errors.

Angular Versions: *

• Angular Version: 1.5.8
• Angular Material Version: 1.1.1

Additional Information:

• Browser Type: * Chrome
• Browser Version: * 54.0.2840.99
• OS: * Windows 7
• Stack Traces:

[Robouste]

Anyone has an update on this ? 3 years later and I'm facing the same issue.
When accessing the path from the browser it works, but from angular the header is badly configured and returned a 406

[clshortfuse]

Here's the source of the issue:

material/src/components/icon/js/iconService.js

Line 654 in a62d160

$templateRequest(url, true).then(extractSvg, announceAndReject);

$templateRequest needs to change the Accept parameters instead of the default application/json.

See: https://docs.angularjs.org/api/ng/provider/$templateRequestProvider#httpOptions

[Splaktar]

I wish that there was a way to do this just for the one request, without changing the $templateRequestProvider and affecting all $templateRequest calls...

@gkalpak any guidance on how we should be using these APIs?