List of different examples

The purpose is to add as many possible ways to use svg-loader. Before pushing any change, this can be verified to make sure all cases are covered.

Local Icon

Local Icon (Using Fill)

Icon over XHR

Icon load event (see console)

Icon load event [bubble check] (see console)

Icon using doctype declaration

Icon over XHR (no caching)

Icon with JS

JS is disabled by default so the following icon shouldn't alert on hover

Icon with JS (complex)

This is a more complicated SVG with JS, only map with overlay message should be shown

Icon with XSS

Tricky XSS that needs to be filtered out. On clicking "X" nothing should happen

Icon with XSS 2

Alert should not come

Icon with JS (enabled)

On hover alert should be thrown

Icon with ID (using xlink:href)

The Reference ID should be made unique

Icon Using SVG Sprites

Icon with ID (using href)

Icon with ID (ID starts with dash)

Icon with ID (using CSS + href)

Icon with ID (url() in quotes)

Icon with ID (Disabled uniqueifying)

Icon Load Using React

Icon Load Using React (Event Handling)