JSFiddle - React, Tailwind, and code Playground

by Rajesh Danabal

HTML

<html>

  <head>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <meta charset="utf-8">
    <title>Download SVG</title>
  </head>

  <body>
<script>
function getURL(file) {
  return `https://raw.githubusercontent.com/encharm/Font-Awesome-SVG-PNG/master/black/svg/${file}`;
}

function download(filename) {
  var file = filename + ".svg";
  var dataURL = getURL(file);
  var dl = document.createElement("a");
  dl.innerHTML = file;
  document.body.appendChild(dl); // This line makes it work in Firefox.
  dl.setAttribute("href", dataURL);
  dl.setAttribute("download", file);
  var br = document.createElement("br");
  document.body.appendChild(br)
  //dl.click();
}

var urls = [
  "arrows-alt",
  "circle",
  "arrow-left",
  "arrow-right",
  "arrow-up",
  "arrow-down",
  "android",
  "apple",
  "snowflake-o",
  "camera",
  "cloud",
  "check",
  "times",
  "plus",
  "cog",
  "cutlery",
  "usd",
  "eur",
  "exclamation-triangle",
  "facebook",
  "flag",
  "folder",
  "forward",
  "snapchat-ghost",
  "glass",
  "hashtag",
  "home",
  "hourglass",
  "university",
  "internet-explorer",
  "leaf",
  "gavel",
  "lock",
  "magnet",
  "map-marker",
  "microphone",
  "minus-circle",
  "music",
  "paper-plane",
  "pause",
  "paw",
  "plane",
  "play",
  "plug",
  "question",
  "quote-right",
  "rocket",
  "shopping-bag",
  "smile-o",
  "star",
  "suitcase",
  "thumbs-up",
  "thumbs-down",
  "tree",
  "heart",
  "star",
  "user",
  "check",
  "times",
  "arrow-left",
  "arrow-right",
  "arrow-up",
  "arrow-down"
];

for (var i = 0; i < urls.length; i++) {
  console.log("i", i);
  download(urls[i]);
}

</script>
  </body>

</html>