12 comments

Add a comment…

Sign in

prestine

Your name

Your email address

Check!

invalid email

(thinking…)

Reset

or sign in with

• 
• 

UserVoice password

Forgot password?

Create a password

I agree to the terms of service

Signed in as (Sign out)

Close

Close

Post comment Submitting...

• Louis commented  ·  October 19, 2017 01:06  ·  Flag as inappropriateFlag as inappropriate  ·  Delete…

  Please make SVG External Content work in Edge!

• Anonymous commented  ·  May 10, 2016 08:39  ·  Flag as inappropriateFlag as inappropriate  ·  Delete…

  SVG External Content -is needed for Microsoft Edge -
  Why does Microsoft always have to go their own way???

• David Storey [MSFT] commented  ·  October 05, 2015 13:15  ·  Flag as inappropriateFlag as inappropriate  ·  Delete…

  @Anonymous: It is in the current Insider Preview (build 10547: https://dev.modern.ie/platform/changelog/desktop/10547/). No release date to report.

• Anonymous commented  ·  October 05, 2015 13:12  ·  Flag as inappropriateFlag as inappropriate  ·  Delete…

  @Microsoft Edge: In which public release will the "external svg use method" <use xlink:href="mysite.com/#icon-edge"></use> be supported? Release date?

• AdminMicrosoft Edge Developer UserVoice (Admin, Windows Developer) commented  ·  September 24, 2015 09:51  ·  Flag as inappropriateFlag as inappropriate  ·  Delete…

  @bill Delaney. SVGforeverybody needs to browser sniff and doesn't detect Edge. I believe the author has updated the shim, so if you update to the latest version, it should work.

• Bill Delaney commented  ·  September 24, 2015 03:03  ·  Flag as inappropriateFlag as inappropriate  ·  Delete…

  My shim (svgforeverybody) does not work in Edge. Sites I have developed using SVG are completely graphic-less in Edge. Ugh.

• George Connor commented  ·  July 11, 2015 02:34  ·  Flag as inappropriateFlag as inappropriate  ·  Delete…

  Oh yes please,

• Anonymous commented  ·  June 24, 2015 12:43  ·  Flag as inappropriateFlag as inappropriate  ·  Delete…

  +1

  Here is the icon system that I built and use: http://mcraiganthony.github.io/svg-icons/

  External SVG is a must. The key is that it allows the use of inline SVGs. Inline SVGs can be sized using font size (and inherits font size from parent). The old SVG background image method requires that you set specific sizes = lame.

• David Storey [MSFT] commented  ·  June 20, 2015 15:25  ·  Flag as inappropriateFlag as inappropriate  ·  Delete…

  @chris, thanks, I’ll update the link.

• fvsch commented  ·  May 23, 2015 11:48  ·  Flag as inappropriateFlag as inappropriate  ·  Delete…

  We’re using external SVG sprites for most new projects at work. Right now we’re including svg4everybody, a small JS polyfill, for IE 9-11. I hope this feature will make the cut in Edge!

  A demonstration, without any JS polyfilling (compare Edge and any other browser, including Opera Mini):
  http://fvsch.com/code/svg-sprite/

• Anonymous commented  ·  May 11, 2015 21:02  ·  Flag as inappropriateFlag as inappropriate  ·  Delete…

  A even better or useful scenario is via CSS background image, consider this line:

  background: url('path/to/sprites.svg#symbol-id') no-repeat;

  this solves a number of problems:

  1. even though you are still loading a sprite file, you don't have to build it in a visual grid, so you don't have to calculate the position of each sprite, just reference each via id. and if you are doing responsive design, you don't need to maintain multiple background-sizing and positions for each icon.

  2. since symbols are not drawn until used, it could potentially save a lot of system memory, by not loading a whole symbol library. this is especially important for mobile and xbox apps.

• Chris Lilley commented  ·  May 06, 2015 04:53  ·  Flag as inappropriateFlag as inappropriate  ·  Delete…

  A better link would be the SVG2 <use> element
  http://www.w3.org/TR/SVG2/struct.html#UseElement