A simple polyfill that fetches external SVGs referenced in use elements when the browser itself fails to do so. Demo:
Alternatives To Svgxuse
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Fetch25,766250,5918,9302 days ago35July 20, 20231mitJavaScript
A window.fetch JavaScript polyfill.
Isomorphic Fetch6,936185,2067,6597 months ago23September 23, 202054mitJavaScript
Isomorphic WHATWG Fetch API, for Node & Browserify
Unfetch5,5602,4671,5015 months ago10January 03, 202323mitJavaScript
🐕 Bare minimum 500b fetch polyfill.
Form To Google Sheets3,719
2 months ago53apache-2.0JavaScript
Store HTML form submissions in Google Sheets.
Cross Fetch1,58714,3084,9142 months ago49July 03, 202310mitJavaScript
Universal WHATWG Fetch API for Node, Browsers and React Native.
React Ie898824 years ago7January 06, 201621
Make your React app work in IE8
Fetch Jsonp9811,4009343 months ago19July 06, 2023JavaScript
Make JSONP request like window.fetch
Svgxuse74417362a year ago26October 25, 201713mitJavaScript
A simple polyfill that fetches external SVGs referenced in use elements when the browser itself fails to do so. Demo:
Url Search Params Polyfill58654030725 days ago22March 26, 20215mitJavaScript
a simple polyfill for javascript URLSearchParams
Abortcontroller Polyfill3131,4083177 months ago40October 08, 202212mitJavaScript
Polyfill for the AbortController DOM API and abortable fetch (stub that calls catch, doesn't actually abort request).
Alternatives To Svgxuse
Select To Compare

Alternative Project Comparisons


A simple polyfill that fetches external SVGs referenced in <use> elements when the browser itself fails to do so.

Example of <use> with external reference:

<svg class="icon icon-edit"><use xlink:href="symbol-defs.svg#icon-edit"></use></svg>

IE (9, 10, 11) fails to load symbol-defs.svg in the example above. svgxuse goes through every <use> element. If the element is referencing an external SVG and the browser has failed to load it, the script sends a GET request to grab and prepend the SVG to <body>.

Try this demo in IE or other browsers to see how this polyfill works in action.


No browser sniffing

This polyfill relies on feature detection. As a result, it detects and attempts to solve issues in any browser that may fail to fetch the linked SVG. For example, cross domain linking to external SVGs may fail with this error: Unsafe attempt to load URL X from frame with URL Y. Domains, protocols and ports must match. Using svgxuse, your SVG would still load as long as it is served with proper CORS headers.

Doesn't try to support IE8

svgxuse is a polyfill and therefore doesn't need to support IE8. It's minimal and to the point.

No requestAnimationFrame or setTimeout for polling the DOM

Unlike similar solutions, svgxuse doesn't use requestAnimationFrame or setTimeout for polling the DOM.

No repetitive addition of inline SVGs

Instead of replacing <use> elements with SVG paths, svgxuse only adds symbol definitions to the markup once.


<script src="svgxuse.js" defer></script>

With NPM

npm install --save svgxuse
<script defer src="node_modules/svgxuse/svgxuse.js"></script>

With Bower

bower install --save svgxuse
<script defer src="bower_components/svgxuse/svgxuse.js"></script>



Popular Fetch Projects
Popular Polyfill Projects
Popular Networking Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.