New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add SVG `use` with external reference #3556

Open
alejandroiglesias opened this Issue Jun 28, 2017 · 4 comments

Comments

Projects
None yet
6 participants
@alejandroiglesias

alejandroiglesias commented Jun 28, 2017

It would be good to add this feature since the browser support is variable (no IE or old Safari).
How it looks like:

<!-- Reference IN THIS SAME DOCUMENT -->
<svg>
  <use xlink:href="#icon-1"></use>
</svg>

<!-- EXTERNAL reference -->
<svg>
  <use xlink:href="sprite.svg#icon-1"></use>
</svg>

More info:

@Ugoku

This comment has been minimized.

Show comment
Hide comment
@Ugoku

Ugoku Jun 30, 2017

Contributor

+1

Edge 12 also doesn't support this, according to the svg4everybody polyfill

Contributor

Ugoku commented Jun 30, 2017

+1

Edge 12 also doesn't support this, according to the svg4everybody polyfill

@kfbow

This comment has been minimized.

Show comment
Hide comment
@Herst

This comment has been minimized.

Show comment
Hide comment
@Herst

Herst Nov 18, 2017

Contributor

+1

Contributor

Herst commented Nov 18, 2017

+1

@mehulkar

This comment has been minimized.

Show comment
Hide comment
@mehulkar

mehulkar Mar 9, 2018

+1. I just tried to look this up because of the xlink:href deprecation :)

mehulkar commented Mar 9, 2018

+1. I just tried to look this up because of the xlink:href deprecation :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment