mirror/feather
1
0
Fork 0
mirror of https://github.com/feathericons/feather.git synced 2023-08-10 21:13:24 +03:00
Code Issues Projects Releases Wiki Activity

Inject svg using javascript

Browse Source
This commit is contained in:
Cole Bemis 2017-01-25 20:44:58 -08:00
parent 48269adfe0
commit 3afa82d3db
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
index.html
View File

@ -1,10 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Feather</title>
<meta charset="UTF-8">
<title>Feather</title>
</head>
<body>
<a href="svg/air-play.svg">Download air-play</a>
<div class="svg-container"></div>
<script>
const iconName = 'square';
fetch(`./icons/${iconName}.svg`)
.then(response => response.text())
.then(svgText => {
const svgDocument = new DOMParser().parseFromString(svgText, 'image/svg+xml');
const svgIcon = svgDocument.querySelector('svg').cloneNode(true);
const svgContainer = document.querySelector('.svg-container');
svgContainer.appendChild(svgIcon);
});
</script>
</body>
</html>