diff --git a/.fantasticonrc.js b/.fantasticonrc.js
index 943cdd14..d65774a4 100644
--- a/.fantasticonrc.js
+++ b/.fantasticonrc.js
@@ -5,7 +5,7 @@ const codepoints = require("./dist/valkyrie.json");
 module.exports = {
   inputDir: "./icons",
   outputDir: "./dist",
-  fontTypes: ["ttf", "woff", "woff2", "eot"],
+  fontTypes: ["woff", "woff2"],
   assetTypes: ["css", "scss", "html", "json"],
   fontsUrl: "./fonts",
   name: "Valkyrie",
diff --git a/.gitignore b/.gitignore
index b2d59d1f..c53212a5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 /node_modules
-/dist
\ No newline at end of file
+/dist/cjs
+/dist/esm
diff --git a/dist/Valkyrie.css b/dist/Valkyrie.css
new file mode 100644
index 00000000..dc4f9e10
--- /dev/null
+++ b/dist/Valkyrie.css
@@ -0,0 +1,739 @@
+@font-face {
+  font-family: "Valkyrie";
+  src: url("./fonts/Valkyrie.woff?d86ddf5f6da0de0c529308a30355532c") format("woff"),
+url("./fonts/Valkyrie.woff2?d86ddf5f6da0de0c529308a30355532c") format("woff2");
+}
+
+.vi {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-family: Valkyrie !important;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal !important;
+  line-height: 1;
+  text-rendering: auto;
+  box-sizing: content-box;
+  position: relative;
+  overflow: visible;
+  vertical-align: 0;
+  flex-shrink: 0;
+}
+
+.vi-spin {
+  animation-name: animate-spin;
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .vi-spin {
+    animation: none;
+  }
+}
+
+.vi-rotate-90 {
+  transform: rotate(90deg);
+}
+
+.vi-rotate-180 {
+  transform: rotate(180deg);
+}
+
+.vi-rotate-270 {
+  transform: rotate(270deg);
+}
+
+.vi-flip-x {
+  transform: scaleX(-1);
+}
+
+.vi-flip-y {
+  transform: scaleY(-1);
+}
+
+.vi-flip {
+  transform: scale(-1);
+}
+
+@keyframes animate-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.vi.vi-a-gum:before {
+ content: "\f101";
+}
+.vi.vi-address-book:before {
+ content: "\f102";
+}
+.vi.vi-angle-down:before {
+ content: "\f103";
+}
+.vi.vi-angle-left:before {
+ content: "\f104";
+}
+.vi.vi-angle-right:before {
+ content: "\f105";
+}
+.vi.vi-angle-up:before {
+ content: "\f106";
+}
+.vi.vi-angles-y:before {
+ content: "\f107";
+}
+.vi.vi-apple-app-store:before {
+ content: "\f108";
+}
+.vi.vi-arrow-down-short-wide:before {
+ content: "\f109";
+}
+.vi.vi-arrow-down-to-line:before {
+ content: "\f10a";
+}
+.vi.vi-arrow-down-wide-short:before {
+ content: "\f10b";
+}
+.vi.vi-arrow-down:before {
+ content: "\f10c";
+}
+.vi.vi-arrow-left-from-bracket:before {
+ content: "\f10d";
+}
+.vi.vi-arrow-left-to-bracket:before {
+ content: "\f10e";
+}
+.vi.vi-arrow-left-to-line:before {
+ content: "\f10f";
+}
+.vi.vi-arrow-left:before {
+ content: "\f110";
+}
+.vi.vi-arrow-pointer:before {
+ content: "\f111";
+}
+.vi.vi-arrow-right-from-bracket:before {
+ content: "\f112";
+}
+.vi.vi-arrow-right-prohibited:before {
+ content: "\f113";
+}
+.vi.vi-arrow-right-to-bracket:before {
+ content: "\f114";
+}
+.vi.vi-arrow-right-to-line:before {
+ content: "\f115";
+}
+.vi.vi-arrow-right:before {
+ content: "\f116";
+}
+.vi.vi-arrow-rotate-right:before {
+ content: "\f117";
+}
+.vi.vi-arrow-up-short-wide:before {
+ content: "\f118";
+}
+.vi.vi-arrow-up-to-line:before {
+ content: "\f119";
+}
+.vi.vi-arrow-up-wide-short:before {
+ content: "\f11a";
+}
+.vi.vi-arrow-up:before {
+ content: "\f11b";
+}
+.vi.vi-arrows-rotate-right:before {
+ content: "\f11c";
+}
+.vi.vi-asterisk:before {
+ content: "\f11d";
+}
+.vi.vi-at:before {
+ content: "\f11e";
+}
+.vi.vi-backward:before {
+ content: "\f11f";
+}
+.vi.vi-bars:before {
+ content: "\f120";
+}
+.vi.vi-blf:before {
+ content: "\f121";
+}
+.vi.vi-bold:before {
+ content: "\f122";
+}
+.vi.vi-book:before {
+ content: "\f123";
+}
+.vi.vi-box-open-full:before {
+ content: "\f124";
+}
+.vi.vi-brackets-curly:before {
+ content: "\f125";
+}
+.vi.vi-bug:before {
+ content: "\f126";
+}
+.vi.vi-building:before {
+ content: "\f127";
+}
+.vi.vi-calendar-stars:before {
+ content: "\f128";
+}
+.vi.vi-calendar:before {
+ content: "\f129";
+}
+.vi.vi-chain-slash:before {
+ content: "\f12a";
+}
+.vi.vi-chain:before {
+ content: "\f12b";
+}
+.vi.vi-chart-pie:before {
+ content: "\f12c";
+}
+.vi.vi-check:before {
+ content: "\f12d";
+}
+.vi.vi-chevron-down:before {
+ content: "\f12e";
+}
+.vi.vi-chevron-left:before {
+ content: "\f12f";
+}
+.vi.vi-chevron-right:before {
+ content: "\f130";
+}
+.vi.vi-chevron-up:before {
+ content: "\f131";
+}
+.vi.vi-chrome:before {
+ content: "\f132";
+}
+.vi.vi-circle-check:before {
+ content: "\f133";
+}
+.vi.vi-circle-exclamation:before {
+ content: "\f134";
+}
+.vi.vi-circle-info:before {
+ content: "\f135";
+}
+.vi.vi-circle-plus:before {
+ content: "\f136";
+}
+.vi.vi-circle-question:before {
+ content: "\f137";
+}
+.vi.vi-circle-user:before {
+ content: "\f138";
+}
+.vi.vi-circle-xmark:before {
+ content: "\f139";
+}
+.vi.vi-city:before {
+ content: "\f13a";
+}
+.vi.vi-clock-rotate-left:before {
+ content: "\f13b";
+}
+.vi.vi-clock:before {
+ content: "\f13c";
+}
+.vi.vi-code:before {
+ content: "\f13d";
+}
+.vi.vi-codeblock:before {
+ content: "\f13e";
+}
+.vi.vi-compass:before {
+ content: "\f13f";
+}
+.vi.vi-compress:before {
+ content: "\f140";
+}
+.vi.vi-copy:before {
+ content: "\f141";
+}
+.vi.vi-devices:before {
+ content: "\f142";
+}
+.vi.vi-display:before {
+ content: "\f143";
+}
+.vi.vi-earth:before {
+ content: "\f144";
+}
+.vi.vi-eclipse:before {
+ content: "\f145";
+}
+.vi.vi-edge:before {
+ content: "\f146";
+}
+.vi.vi-ellipsis:before {
+ content: "\f147";
+}
+.vi.vi-envelope:before {
+ content: "\f148";
+}
+.vi.vi-ethernet:before {
+ content: "\f149";
+}
+.vi.vi-euro:before {
+ content: "\f14a";
+}
+.vi.vi-expand:before {
+ content: "\f14b";
+}
+.vi.vi-eye-slash:before {
+ content: "\f14c";
+}
+.vi.vi-eye:before {
+ content: "\f14d";
+}
+.vi.vi-facebook-messenger:before {
+ content: "\f14e";
+}
+.vi.vi-facebook:before {
+ content: "\f14f";
+}
+.vi.vi-fast-backward:before {
+ content: "\f150";
+}
+.vi.vi-fast-forward:before {
+ content: "\f151";
+}
+.vi.vi-fax:before {
+ content: "\f152";
+}
+.vi.vi-file:before {
+ content: "\f153";
+}
+.vi.vi-files-list:before {
+ content: "\f154";
+}
+.vi.vi-files:before {
+ content: "\f155";
+}
+.vi.vi-filmstrip:before {
+ content: "\f156";
+}
+.vi.vi-filter-plus:before {
+ content: "\f157";
+}
+.vi.vi-filter-xmark:before {
+ content: "\f158";
+}
+.vi.vi-filter:before {
+ content: "\f159";
+}
+.vi.vi-fingerprint:before {
+ content: "\f15a";
+}
+.vi.vi-firefox:before {
+ content: "\f15b";
+}
+.vi.vi-flag-checkered:before {
+ content: "\f15c";
+}
+.vi.vi-flag:before {
+ content: "\f15d";
+}
+.vi.vi-floppy-disk:before {
+ content: "\f15e";
+}
+.vi.vi-folder:before {
+ content: "\f15f";
+}
+.vi.vi-forward:before {
+ content: "\f160";
+}
+.vi.vi-gauge:before {
+ content: "\f161";
+}
+.vi.vi-gear:before {
+ content: "\f162";
+}
+.vi.vi-gift:before {
+ content: "\f163";
+}
+.vi.vi-github:before {
+ content: "\f164";
+}
+.vi.vi-google-play:before {
+ content: "\f165";
+}
+.vi.vi-grid:before {
+ content: "\f166";
+}
+.vi.vi-grip-lines:before {
+ content: "\f167";
+}
+.vi.vi-heading-1:before {
+ content: "\f168";
+}
+.vi.vi-heading-2:before {
+ content: "\f169";
+}
+.vi.vi-heading-3:before {
+ content: "\f16a";
+}
+.vi.vi-heading-4:before {
+ content: "\f16b";
+}
+.vi.vi-heading-5:before {
+ content: "\f16c";
+}
+.vi.vi-heading-6:before {
+ content: "\f16d";
+}
+.vi.vi-headset:before {
+ content: "\f16e";
+}
+.vi.vi-heart-crack:before {
+ content: "\f16f";
+}
+.vi.vi-heart-half:before {
+ content: "\f170";
+}
+.vi.vi-heart:before {
+ content: "\f171";
+}
+.vi.vi-house:before {
+ content: "\f172";
+}
+.vi.vi-id-card:before {
+ content: "\f173";
+}
+.vi.vi-image:before {
+ content: "\f174";
+}
+.vi.vi-italic:before {
+ content: "\f175";
+}
+.vi.vi-laptop:before {
+ content: "\f176";
+}
+.vi.vi-layers-plus:before {
+ content: "\f177";
+}
+.vi.vi-layers:before {
+ content: "\f178";
+}
+.vi.vi-lightbulb-on:before {
+ content: "\f179";
+}
+.vi.vi-lightbulb:before {
+ content: "\f17a";
+}
+.vi.vi-line:before {
+ content: "\f17b";
+}
+.vi.vi-linkedin:before {
+ content: "\f17c";
+}
+.vi.vi-list-checks:before {
+ content: "\f17d";
+}
+.vi.vi-list-clock:before {
+ content: "\f17e";
+}
+.vi.vi-list-ordered-clock:before {
+ content: "\f17f";
+}
+.vi.vi-list-ordered:before {
+ content: "\f180";
+}
+.vi.vi-list:before {
+ content: "\f181";
+}
+.vi.vi-location-pin-dot:before {
+ content: "\f182";
+}
+.vi.vi-location-pin-slash:before {
+ content: "\f183";
+}
+.vi.vi-location-pin:before {
+ content: "\f184";
+}
+.vi.vi-location-pins-route:before {
+ content: "\f185";
+}
+.vi.vi-lock-open:before {
+ content: "\f186";
+}
+.vi.vi-lock:before {
+ content: "\f187";
+}
+.vi.vi-magnifying-glass:before {
+ content: "\f188";
+}
+.vi.vi-megaphone:before {
+ content: "\f189";
+}
+.vi.vi-message-pen:before {
+ content: "\f18a";
+}
+.vi.vi-message-smile:before {
+ content: "\f18b";
+}
+.vi.vi-message-text:before {
+ content: "\f18c";
+}
+.vi.vi-message:before {
+ content: "\f18d";
+}
+.vi.vi-microphone:before {
+ content: "\f18e";
+}
+.vi.vi-moon:before {
+ content: "\f18f";
+}
+.vi.vi-music:before {
+ content: "\f190";
+}
+.vi.vi-network:before {
+ content: "\f191";
+}
+.vi.vi-numpad:before {
+ content: "\f192";
+}
+.vi.vi-paper-plane:before {
+ content: "\f193";
+}
+.vi.vi-parachute-box:before {
+ content: "\f194";
+}
+.vi.vi-paragraph:before {
+ content: "\f195";
+}
+.vi.vi-pause:before {
+ content: "\f196";
+}
+.vi.vi-pen:before {
+ content: "\f197";
+}
+.vi.vi-people-circle:before {
+ content: "\f198";
+}
+.vi.vi-people:before {
+ content: "\f199";
+}
+.vi.vi-person-clock:before {
+ content: "\f19a";
+}
+.vi.vi-person-gear:before {
+ content: "\f19b";
+}
+.vi.vi-person-headset:before {
+ content: "\f19c";
+}
+.vi.vi-person-list:before {
+ content: "\f19d";
+}
+.vi.vi-person-lock:before {
+ content: "\f19e";
+}
+.vi.vi-person-plus:before {
+ content: "\f19f";
+}
+.vi.vi-person:before {
+ content: "\f1a0";
+}
+.vi.vi-phone-arrow-down-left-prohibited:before {
+ content: "\f1a1";
+}
+.vi.vi-phone-arrow-down-left:before {
+ content: "\f1a2";
+}
+.vi.vi-phone-arrow-up-right-prohibited:before {
+ content: "\f1a3";
+}
+.vi.vi-phone-arrow-up-right:before {
+ content: "\f1a4";
+}
+.vi.vi-phone-clock:before {
+ content: "\f1a5";
+}
+.vi.vi-phone-gear:before {
+ content: "\f1a6";
+}
+.vi.vi-phone-list:before {
+ content: "\f1a7";
+}
+.vi.vi-phone-office:before {
+ content: "\f1a8";
+}
+.vi.vi-phone-volume:before {
+ content: "\f1a9";
+}
+.vi.vi-phone:before {
+ content: "\f1aa";
+}
+.vi.vi-play-pause:before {
+ content: "\f1ab";
+}
+.vi.vi-play:before {
+ content: "\f1ac";
+}
+.vi.vi-plus:before {
+ content: "\f1ad";
+}
+.vi.vi-power:before {
+ content: "\f1ae";
+}
+.vi.vi-prohibited:before {
+ content: "\f1af";
+}
+.vi.vi-puzzle-piece:before {
+ content: "\f1b0";
+}
+.vi.vi-quote:before {
+ content: "\f1b1";
+}
+.vi.vi-redo:before {
+ content: "\f1b2";
+}
+.vi.vi-repeat-once:before {
+ content: "\f1b3";
+}
+.vi.vi-repeat:before {
+ content: "\f1b4";
+}
+.vi.vi-safari:before {
+ content: "\f1b5";
+}
+.vi.vi-server:before {
+ content: "\f1b6";
+}
+.vi.vi-shield-keyhole:before {
+ content: "\f1b7";
+}
+.vi.vi-shield-plus:before {
+ content: "\f1b8";
+}
+.vi.vi-shield-xmark:before {
+ content: "\f1b9";
+}
+.vi.vi-shield:before {
+ content: "\f1ba";
+}
+.vi.vi-shuffle:before {
+ content: "\f1bb";
+}
+.vi.vi-sim-card:before {
+ content: "\f1bc";
+}
+.vi.vi-sippy:before {
+ content: "\f1bd";
+}
+.vi.vi-sliders:before {
+ content: "\f1be";
+}
+.vi.vi-smartphone-arrow-right:before {
+ content: "\f1bf";
+}
+.vi.vi-smartphone:before {
+ content: "\f1c0";
+}
+.vi.vi-spinner-third:before {
+ content: "\f1c1";
+}
+.vi.vi-spy:before {
+ content: "\f1c2";
+}
+.vi.vi-square-gum:before {
+ content: "\f1c3";
+}
+.vi.vi-star:before {
+ content: "\f1c4";
+}
+.vi.vi-stop:before {
+ content: "\f1c5";
+}
+.vi.vi-store:before {
+ content: "\f1c6";
+}
+.vi.vi-strikethrough:before {
+ content: "\f1c7";
+}
+.vi.vi-sun:before {
+ content: "\f1c8";
+}
+.vi.vi-swatchbook:before {
+ content: "\f1c9";
+}
+.vi.vi-table-clock:before {
+ content: "\f1ca";
+}
+.vi.vi-table:before {
+ content: "\f1cb";
+}
+.vi.vi-tag:before {
+ content: "\f1cc";
+}
+.vi.vi-tower-broadcast:before {
+ content: "\f1cd";
+}
+.vi.vi-trash-can:before {
+ content: "\f1ce";
+}
+.vi.vi-triangle-exclamation:before {
+ content: "\f1cf";
+}
+.vi.vi-underline:before {
+ content: "\f1d0";
+}
+.vi.vi-undo:before {
+ content: "\f1d1";
+}
+.vi.vi-valkyrie-sword:before {
+ content: "\f1d2";
+}
+.vi.vi-video:before {
+ content: "\f1d3";
+}
+.vi.vi-voicemail:before {
+ content: "\f1d4";
+}
+.vi.vi-volume-0:before {
+ content: "\f1d5";
+}
+.vi.vi-volume-1:before {
+ content: "\f1d6";
+}
+.vi.vi-volume-2:before {
+ content: "\f1d7";
+}
+.vi.vi-volume-3:before {
+ content: "\f1d8";
+}
+.vi.vi-volume-slash:before {
+ content: "\f1d9";
+}
+.vi.vi-wallpaper:before {
+ content: "\f1da";
+}
+.vi.vi-waveform:before {
+ content: "\f1db";
+}
+.vi.vi-webhooks-clock:before {
+ content: "\f1dc";
+}
+.vi.vi-webhooks:before {
+ content: "\f1dd";
+}
+.vi.vi-window:before {
+ content: "\f1de";
+}
+.vi.vi-xmark:before {
+ content: "\f1df";
+}
diff --git a/dist/Valkyrie.scss b/dist/Valkyrie.scss
new file mode 100644
index 00000000..dc4f9e10
--- /dev/null
+++ b/dist/Valkyrie.scss
@@ -0,0 +1,739 @@
+@font-face {
+  font-family: "Valkyrie";
+  src: url("./fonts/Valkyrie.woff?d86ddf5f6da0de0c529308a30355532c") format("woff"),
+url("./fonts/Valkyrie.woff2?d86ddf5f6da0de0c529308a30355532c") format("woff2");
+}
+
+.vi {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-family: Valkyrie !important;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal !important;
+  line-height: 1;
+  text-rendering: auto;
+  box-sizing: content-box;
+  position: relative;
+  overflow: visible;
+  vertical-align: 0;
+  flex-shrink: 0;
+}
+
+.vi-spin {
+  animation-name: animate-spin;
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .vi-spin {
+    animation: none;
+  }
+}
+
+.vi-rotate-90 {
+  transform: rotate(90deg);
+}
+
+.vi-rotate-180 {
+  transform: rotate(180deg);
+}
+
+.vi-rotate-270 {
+  transform: rotate(270deg);
+}
+
+.vi-flip-x {
+  transform: scaleX(-1);
+}
+
+.vi-flip-y {
+  transform: scaleY(-1);
+}
+
+.vi-flip {
+  transform: scale(-1);
+}
+
+@keyframes animate-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.vi.vi-a-gum:before {
+ content: "\f101";
+}
+.vi.vi-address-book:before {
+ content: "\f102";
+}
+.vi.vi-angle-down:before {
+ content: "\f103";
+}
+.vi.vi-angle-left:before {
+ content: "\f104";
+}
+.vi.vi-angle-right:before {
+ content: "\f105";
+}
+.vi.vi-angle-up:before {
+ content: "\f106";
+}
+.vi.vi-angles-y:before {
+ content: "\f107";
+}
+.vi.vi-apple-app-store:before {
+ content: "\f108";
+}
+.vi.vi-arrow-down-short-wide:before {
+ content: "\f109";
+}
+.vi.vi-arrow-down-to-line:before {
+ content: "\f10a";
+}
+.vi.vi-arrow-down-wide-short:before {
+ content: "\f10b";
+}
+.vi.vi-arrow-down:before {
+ content: "\f10c";
+}
+.vi.vi-arrow-left-from-bracket:before {
+ content: "\f10d";
+}
+.vi.vi-arrow-left-to-bracket:before {
+ content: "\f10e";
+}
+.vi.vi-arrow-left-to-line:before {
+ content: "\f10f";
+}
+.vi.vi-arrow-left:before {
+ content: "\f110";
+}
+.vi.vi-arrow-pointer:before {
+ content: "\f111";
+}
+.vi.vi-arrow-right-from-bracket:before {
+ content: "\f112";
+}
+.vi.vi-arrow-right-prohibited:before {
+ content: "\f113";
+}
+.vi.vi-arrow-right-to-bracket:before {
+ content: "\f114";
+}
+.vi.vi-arrow-right-to-line:before {
+ content: "\f115";
+}
+.vi.vi-arrow-right:before {
+ content: "\f116";
+}
+.vi.vi-arrow-rotate-right:before {
+ content: "\f117";
+}
+.vi.vi-arrow-up-short-wide:before {
+ content: "\f118";
+}
+.vi.vi-arrow-up-to-line:before {
+ content: "\f119";
+}
+.vi.vi-arrow-up-wide-short:before {
+ content: "\f11a";
+}
+.vi.vi-arrow-up:before {
+ content: "\f11b";
+}
+.vi.vi-arrows-rotate-right:before {
+ content: "\f11c";
+}
+.vi.vi-asterisk:before {
+ content: "\f11d";
+}
+.vi.vi-at:before {
+ content: "\f11e";
+}
+.vi.vi-backward:before {
+ content: "\f11f";
+}
+.vi.vi-bars:before {
+ content: "\f120";
+}
+.vi.vi-blf:before {
+ content: "\f121";
+}
+.vi.vi-bold:before {
+ content: "\f122";
+}
+.vi.vi-book:before {
+ content: "\f123";
+}
+.vi.vi-box-open-full:before {
+ content: "\f124";
+}
+.vi.vi-brackets-curly:before {
+ content: "\f125";
+}
+.vi.vi-bug:before {
+ content: "\f126";
+}
+.vi.vi-building:before {
+ content: "\f127";
+}
+.vi.vi-calendar-stars:before {
+ content: "\f128";
+}
+.vi.vi-calendar:before {
+ content: "\f129";
+}
+.vi.vi-chain-slash:before {
+ content: "\f12a";
+}
+.vi.vi-chain:before {
+ content: "\f12b";
+}
+.vi.vi-chart-pie:before {
+ content: "\f12c";
+}
+.vi.vi-check:before {
+ content: "\f12d";
+}
+.vi.vi-chevron-down:before {
+ content: "\f12e";
+}
+.vi.vi-chevron-left:before {
+ content: "\f12f";
+}
+.vi.vi-chevron-right:before {
+ content: "\f130";
+}
+.vi.vi-chevron-up:before {
+ content: "\f131";
+}
+.vi.vi-chrome:before {
+ content: "\f132";
+}
+.vi.vi-circle-check:before {
+ content: "\f133";
+}
+.vi.vi-circle-exclamation:before {
+ content: "\f134";
+}
+.vi.vi-circle-info:before {
+ content: "\f135";
+}
+.vi.vi-circle-plus:before {
+ content: "\f136";
+}
+.vi.vi-circle-question:before {
+ content: "\f137";
+}
+.vi.vi-circle-user:before {
+ content: "\f138";
+}
+.vi.vi-circle-xmark:before {
+ content: "\f139";
+}
+.vi.vi-city:before {
+ content: "\f13a";
+}
+.vi.vi-clock-rotate-left:before {
+ content: "\f13b";
+}
+.vi.vi-clock:before {
+ content: "\f13c";
+}
+.vi.vi-code:before {
+ content: "\f13d";
+}
+.vi.vi-codeblock:before {
+ content: "\f13e";
+}
+.vi.vi-compass:before {
+ content: "\f13f";
+}
+.vi.vi-compress:before {
+ content: "\f140";
+}
+.vi.vi-copy:before {
+ content: "\f141";
+}
+.vi.vi-devices:before {
+ content: "\f142";
+}
+.vi.vi-display:before {
+ content: "\f143";
+}
+.vi.vi-earth:before {
+ content: "\f144";
+}
+.vi.vi-eclipse:before {
+ content: "\f145";
+}
+.vi.vi-edge:before {
+ content: "\f146";
+}
+.vi.vi-ellipsis:before {
+ content: "\f147";
+}
+.vi.vi-envelope:before {
+ content: "\f148";
+}
+.vi.vi-ethernet:before {
+ content: "\f149";
+}
+.vi.vi-euro:before {
+ content: "\f14a";
+}
+.vi.vi-expand:before {
+ content: "\f14b";
+}
+.vi.vi-eye-slash:before {
+ content: "\f14c";
+}
+.vi.vi-eye:before {
+ content: "\f14d";
+}
+.vi.vi-facebook-messenger:before {
+ content: "\f14e";
+}
+.vi.vi-facebook:before {
+ content: "\f14f";
+}
+.vi.vi-fast-backward:before {
+ content: "\f150";
+}
+.vi.vi-fast-forward:before {
+ content: "\f151";
+}
+.vi.vi-fax:before {
+ content: "\f152";
+}
+.vi.vi-file:before {
+ content: "\f153";
+}
+.vi.vi-files-list:before {
+ content: "\f154";
+}
+.vi.vi-files:before {
+ content: "\f155";
+}
+.vi.vi-filmstrip:before {
+ content: "\f156";
+}
+.vi.vi-filter-plus:before {
+ content: "\f157";
+}
+.vi.vi-filter-xmark:before {
+ content: "\f158";
+}
+.vi.vi-filter:before {
+ content: "\f159";
+}
+.vi.vi-fingerprint:before {
+ content: "\f15a";
+}
+.vi.vi-firefox:before {
+ content: "\f15b";
+}
+.vi.vi-flag-checkered:before {
+ content: "\f15c";
+}
+.vi.vi-flag:before {
+ content: "\f15d";
+}
+.vi.vi-floppy-disk:before {
+ content: "\f15e";
+}
+.vi.vi-folder:before {
+ content: "\f15f";
+}
+.vi.vi-forward:before {
+ content: "\f160";
+}
+.vi.vi-gauge:before {
+ content: "\f161";
+}
+.vi.vi-gear:before {
+ content: "\f162";
+}
+.vi.vi-gift:before {
+ content: "\f163";
+}
+.vi.vi-github:before {
+ content: "\f164";
+}
+.vi.vi-google-play:before {
+ content: "\f165";
+}
+.vi.vi-grid:before {
+ content: "\f166";
+}
+.vi.vi-grip-lines:before {
+ content: "\f167";
+}
+.vi.vi-heading-1:before {
+ content: "\f168";
+}
+.vi.vi-heading-2:before {
+ content: "\f169";
+}
+.vi.vi-heading-3:before {
+ content: "\f16a";
+}
+.vi.vi-heading-4:before {
+ content: "\f16b";
+}
+.vi.vi-heading-5:before {
+ content: "\f16c";
+}
+.vi.vi-heading-6:before {
+ content: "\f16d";
+}
+.vi.vi-headset:before {
+ content: "\f16e";
+}
+.vi.vi-heart-crack:before {
+ content: "\f16f";
+}
+.vi.vi-heart-half:before {
+ content: "\f170";
+}
+.vi.vi-heart:before {
+ content: "\f171";
+}
+.vi.vi-house:before {
+ content: "\f172";
+}
+.vi.vi-id-card:before {
+ content: "\f173";
+}
+.vi.vi-image:before {
+ content: "\f174";
+}
+.vi.vi-italic:before {
+ content: "\f175";
+}
+.vi.vi-laptop:before {
+ content: "\f176";
+}
+.vi.vi-layers-plus:before {
+ content: "\f177";
+}
+.vi.vi-layers:before {
+ content: "\f178";
+}
+.vi.vi-lightbulb-on:before {
+ content: "\f179";
+}
+.vi.vi-lightbulb:before {
+ content: "\f17a";
+}
+.vi.vi-line:before {
+ content: "\f17b";
+}
+.vi.vi-linkedin:before {
+ content: "\f17c";
+}
+.vi.vi-list-checks:before {
+ content: "\f17d";
+}
+.vi.vi-list-clock:before {
+ content: "\f17e";
+}
+.vi.vi-list-ordered-clock:before {
+ content: "\f17f";
+}
+.vi.vi-list-ordered:before {
+ content: "\f180";
+}
+.vi.vi-list:before {
+ content: "\f181";
+}
+.vi.vi-location-pin-dot:before {
+ content: "\f182";
+}
+.vi.vi-location-pin-slash:before {
+ content: "\f183";
+}
+.vi.vi-location-pin:before {
+ content: "\f184";
+}
+.vi.vi-location-pins-route:before {
+ content: "\f185";
+}
+.vi.vi-lock-open:before {
+ content: "\f186";
+}
+.vi.vi-lock:before {
+ content: "\f187";
+}
+.vi.vi-magnifying-glass:before {
+ content: "\f188";
+}
+.vi.vi-megaphone:before {
+ content: "\f189";
+}
+.vi.vi-message-pen:before {
+ content: "\f18a";
+}
+.vi.vi-message-smile:before {
+ content: "\f18b";
+}
+.vi.vi-message-text:before {
+ content: "\f18c";
+}
+.vi.vi-message:before {
+ content: "\f18d";
+}
+.vi.vi-microphone:before {
+ content: "\f18e";
+}
+.vi.vi-moon:before {
+ content: "\f18f";
+}
+.vi.vi-music:before {
+ content: "\f190";
+}
+.vi.vi-network:before {
+ content: "\f191";
+}
+.vi.vi-numpad:before {
+ content: "\f192";
+}
+.vi.vi-paper-plane:before {
+ content: "\f193";
+}
+.vi.vi-parachute-box:before {
+ content: "\f194";
+}
+.vi.vi-paragraph:before {
+ content: "\f195";
+}
+.vi.vi-pause:before {
+ content: "\f196";
+}
+.vi.vi-pen:before {
+ content: "\f197";
+}
+.vi.vi-people-circle:before {
+ content: "\f198";
+}
+.vi.vi-people:before {
+ content: "\f199";
+}
+.vi.vi-person-clock:before {
+ content: "\f19a";
+}
+.vi.vi-person-gear:before {
+ content: "\f19b";
+}
+.vi.vi-person-headset:before {
+ content: "\f19c";
+}
+.vi.vi-person-list:before {
+ content: "\f19d";
+}
+.vi.vi-person-lock:before {
+ content: "\f19e";
+}
+.vi.vi-person-plus:before {
+ content: "\f19f";
+}
+.vi.vi-person:before {
+ content: "\f1a0";
+}
+.vi.vi-phone-arrow-down-left-prohibited:before {
+ content: "\f1a1";
+}
+.vi.vi-phone-arrow-down-left:before {
+ content: "\f1a2";
+}
+.vi.vi-phone-arrow-up-right-prohibited:before {
+ content: "\f1a3";
+}
+.vi.vi-phone-arrow-up-right:before {
+ content: "\f1a4";
+}
+.vi.vi-phone-clock:before {
+ content: "\f1a5";
+}
+.vi.vi-phone-gear:before {
+ content: "\f1a6";
+}
+.vi.vi-phone-list:before {
+ content: "\f1a7";
+}
+.vi.vi-phone-office:before {
+ content: "\f1a8";
+}
+.vi.vi-phone-volume:before {
+ content: "\f1a9";
+}
+.vi.vi-phone:before {
+ content: "\f1aa";
+}
+.vi.vi-play-pause:before {
+ content: "\f1ab";
+}
+.vi.vi-play:before {
+ content: "\f1ac";
+}
+.vi.vi-plus:before {
+ content: "\f1ad";
+}
+.vi.vi-power:before {
+ content: "\f1ae";
+}
+.vi.vi-prohibited:before {
+ content: "\f1af";
+}
+.vi.vi-puzzle-piece:before {
+ content: "\f1b0";
+}
+.vi.vi-quote:before {
+ content: "\f1b1";
+}
+.vi.vi-redo:before {
+ content: "\f1b2";
+}
+.vi.vi-repeat-once:before {
+ content: "\f1b3";
+}
+.vi.vi-repeat:before {
+ content: "\f1b4";
+}
+.vi.vi-safari:before {
+ content: "\f1b5";
+}
+.vi.vi-server:before {
+ content: "\f1b6";
+}
+.vi.vi-shield-keyhole:before {
+ content: "\f1b7";
+}
+.vi.vi-shield-plus:before {
+ content: "\f1b8";
+}
+.vi.vi-shield-xmark:before {
+ content: "\f1b9";
+}
+.vi.vi-shield:before {
+ content: "\f1ba";
+}
+.vi.vi-shuffle:before {
+ content: "\f1bb";
+}
+.vi.vi-sim-card:before {
+ content: "\f1bc";
+}
+.vi.vi-sippy:before {
+ content: "\f1bd";
+}
+.vi.vi-sliders:before {
+ content: "\f1be";
+}
+.vi.vi-smartphone-arrow-right:before {
+ content: "\f1bf";
+}
+.vi.vi-smartphone:before {
+ content: "\f1c0";
+}
+.vi.vi-spinner-third:before {
+ content: "\f1c1";
+}
+.vi.vi-spy:before {
+ content: "\f1c2";
+}
+.vi.vi-square-gum:before {
+ content: "\f1c3";
+}
+.vi.vi-star:before {
+ content: "\f1c4";
+}
+.vi.vi-stop:before {
+ content: "\f1c5";
+}
+.vi.vi-store:before {
+ content: "\f1c6";
+}
+.vi.vi-strikethrough:before {
+ content: "\f1c7";
+}
+.vi.vi-sun:before {
+ content: "\f1c8";
+}
+.vi.vi-swatchbook:before {
+ content: "\f1c9";
+}
+.vi.vi-table-clock:before {
+ content: "\f1ca";
+}
+.vi.vi-table:before {
+ content: "\f1cb";
+}
+.vi.vi-tag:before {
+ content: "\f1cc";
+}
+.vi.vi-tower-broadcast:before {
+ content: "\f1cd";
+}
+.vi.vi-trash-can:before {
+ content: "\f1ce";
+}
+.vi.vi-triangle-exclamation:before {
+ content: "\f1cf";
+}
+.vi.vi-underline:before {
+ content: "\f1d0";
+}
+.vi.vi-undo:before {
+ content: "\f1d1";
+}
+.vi.vi-valkyrie-sword:before {
+ content: "\f1d2";
+}
+.vi.vi-video:before {
+ content: "\f1d3";
+}
+.vi.vi-voicemail:before {
+ content: "\f1d4";
+}
+.vi.vi-volume-0:before {
+ content: "\f1d5";
+}
+.vi.vi-volume-1:before {
+ content: "\f1d6";
+}
+.vi.vi-volume-2:before {
+ content: "\f1d7";
+}
+.vi.vi-volume-3:before {
+ content: "\f1d8";
+}
+.vi.vi-volume-slash:before {
+ content: "\f1d9";
+}
+.vi.vi-wallpaper:before {
+ content: "\f1da";
+}
+.vi.vi-waveform:before {
+ content: "\f1db";
+}
+.vi.vi-webhooks-clock:before {
+ content: "\f1dc";
+}
+.vi.vi-webhooks:before {
+ content: "\f1dd";
+}
+.vi.vi-window:before {
+ content: "\f1de";
+}
+.vi.vi-xmark:before {
+ content: "\f1df";
+}
diff --git a/dist/fonts/Valkyrie.woff b/dist/fonts/Valkyrie.woff
new file mode 100644
index 00000000..08445fee
Binary files /dev/null and b/dist/fonts/Valkyrie.woff differ
diff --git a/dist/fonts/Valkyrie.woff2 b/dist/fonts/Valkyrie.woff2
new file mode 100644
index 00000000..39c59556
Binary files /dev/null and b/dist/fonts/Valkyrie.woff2 differ
diff --git a/dist/valkyrie.json b/dist/valkyrie.json
new file mode 100644
index 00000000..3f13b963
--- /dev/null
+++ b/dist/valkyrie.json
@@ -0,0 +1,225 @@
+{
+    "a-gum": 61697,
+    "address-book": 61698,
+    "angle-down": 61699,
+    "angle-left": 61700,
+    "angle-right": 61701,
+    "angle-up": 61702,
+    "angles-y": 61703,
+    "apple-app-store": 61704,
+    "arrow-down-short-wide": 61705,
+    "arrow-down-to-line": 61706,
+    "arrow-down-wide-short": 61707,
+    "arrow-down": 61708,
+    "arrow-left-from-bracket": 61709,
+    "arrow-left-to-bracket": 61710,
+    "arrow-left-to-line": 61711,
+    "arrow-left": 61712,
+    "arrow-pointer": 61713,
+    "arrow-right-from-bracket": 61714,
+    "arrow-right-prohibited": 61715,
+    "arrow-right-to-bracket": 61716,
+    "arrow-right-to-line": 61717,
+    "arrow-right": 61718,
+    "arrow-rotate-right": 61719,
+    "arrow-up-short-wide": 61720,
+    "arrow-up-to-line": 61721,
+    "arrow-up-wide-short": 61722,
+    "arrow-up": 61723,
+    "arrows-rotate-right": 61724,
+    "asterisk": 61725,
+    "at": 61726,
+    "backward": 61727,
+    "bars": 61728,
+    "blf": 61729,
+    "bold": 61730,
+    "book": 61731,
+    "box-open-full": 61732,
+    "brackets-curly": 61733,
+    "bug": 61734,
+    "building": 61735,
+    "calendar-stars": 61736,
+    "calendar": 61737,
+    "chain-slash": 61738,
+    "chain": 61739,
+    "chart-pie": 61740,
+    "check": 61741,
+    "chevron-down": 61742,
+    "chevron-left": 61743,
+    "chevron-right": 61744,
+    "chevron-up": 61745,
+    "chrome": 61746,
+    "circle-check": 61747,
+    "circle-exclamation": 61748,
+    "circle-info": 61749,
+    "circle-plus": 61750,
+    "circle-question": 61751,
+    "circle-user": 61752,
+    "circle-xmark": 61753,
+    "city": 61754,
+    "clock-rotate-left": 61755,
+    "clock": 61756,
+    "code": 61757,
+    "codeblock": 61758,
+    "compass": 61759,
+    "compress": 61760,
+    "copy": 61761,
+    "devices": 61762,
+    "display": 61763,
+    "earth": 61764,
+    "eclipse": 61765,
+    "edge": 61766,
+    "ellipsis": 61767,
+    "envelope": 61768,
+    "ethernet": 61769,
+    "euro": 61770,
+    "expand": 61771,
+    "eye-slash": 61772,
+    "eye": 61773,
+    "facebook-messenger": 61774,
+    "facebook": 61775,
+    "fast-backward": 61776,
+    "fast-forward": 61777,
+    "fax": 61778,
+    "file": 61779,
+    "files-list": 61780,
+    "files": 61781,
+    "filmstrip": 61782,
+    "filter-plus": 61783,
+    "filter-xmark": 61784,
+    "filter": 61785,
+    "fingerprint": 61786,
+    "firefox": 61787,
+    "flag-checkered": 61788,
+    "flag": 61789,
+    "floppy-disk": 61790,
+    "folder": 61791,
+    "forward": 61792,
+    "gauge": 61793,
+    "gear": 61794,
+    "gift": 61795,
+    "github": 61796,
+    "google-play": 61797,
+    "grid": 61798,
+    "grip-lines": 61799,
+    "heading-1": 61800,
+    "heading-2": 61801,
+    "heading-3": 61802,
+    "heading-4": 61803,
+    "heading-5": 61804,
+    "heading-6": 61805,
+    "headset": 61806,
+    "heart-crack": 61807,
+    "heart-half": 61808,
+    "heart": 61809,
+    "house": 61810,
+    "id-card": 61811,
+    "image": 61812,
+    "italic": 61813,
+    "laptop": 61814,
+    "layers-plus": 61815,
+    "layers": 61816,
+    "lightbulb-on": 61817,
+    "lightbulb": 61818,
+    "line": 61819,
+    "linkedin": 61820,
+    "list-checks": 61821,
+    "list-clock": 61822,
+    "list-ordered-clock": 61823,
+    "list-ordered": 61824,
+    "list": 61825,
+    "location-pin-dot": 61826,
+    "location-pin-slash": 61827,
+    "location-pin": 61828,
+    "location-pins-route": 61829,
+    "lock-open": 61830,
+    "lock": 61831,
+    "magnifying-glass": 61832,
+    "megaphone": 61833,
+    "message-pen": 61834,
+    "message-smile": 61835,
+    "message-text": 61836,
+    "message": 61837,
+    "microphone": 61838,
+    "moon": 61839,
+    "music": 61840,
+    "network": 61841,
+    "numpad": 61842,
+    "paper-plane": 61843,
+    "parachute-box": 61844,
+    "paragraph": 61845,
+    "pause": 61846,
+    "pen": 61847,
+    "people-circle": 61848,
+    "people": 61849,
+    "person-clock": 61850,
+    "person-gear": 61851,
+    "person-headset": 61852,
+    "person-list": 61853,
+    "person-lock": 61854,
+    "person-plus": 61855,
+    "person": 61856,
+    "phone-arrow-down-left-prohibited": 61857,
+    "phone-arrow-down-left": 61858,
+    "phone-arrow-up-right-prohibited": 61859,
+    "phone-arrow-up-right": 61860,
+    "phone-clock": 61861,
+    "phone-gear": 61862,
+    "phone-list": 61863,
+    "phone-office": 61864,
+    "phone-volume": 61865,
+    "phone": 61866,
+    "play-pause": 61867,
+    "play": 61868,
+    "plus": 61869,
+    "power": 61870,
+    "prohibited": 61871,
+    "puzzle-piece": 61872,
+    "quote": 61873,
+    "redo": 61874,
+    "repeat-once": 61875,
+    "repeat": 61876,
+    "safari": 61877,
+    "server": 61878,
+    "shield-keyhole": 61879,
+    "shield-plus": 61880,
+    "shield-xmark": 61881,
+    "shield": 61882,
+    "shuffle": 61883,
+    "sim-card": 61884,
+    "sippy": 61885,
+    "sliders": 61886,
+    "smartphone-arrow-right": 61887,
+    "smartphone": 61888,
+    "spinner-third": 61889,
+    "spy": 61890,
+    "square-gum": 61891,
+    "star": 61892,
+    "stop": 61893,
+    "store": 61894,
+    "strikethrough": 61895,
+    "sun": 61896,
+    "swatchbook": 61897,
+    "table-clock": 61898,
+    "table": 61899,
+    "tag": 61900,
+    "tower-broadcast": 61901,
+    "trash-can": 61902,
+    "triangle-exclamation": 61903,
+    "underline": 61904,
+    "undo": 61905,
+    "valkyrie-sword": 61906,
+    "video": 61907,
+    "voicemail": 61908,
+    "volume-0": 61909,
+    "volume-1": 61910,
+    "volume-2": 61911,
+    "volume-3": 61912,
+    "volume-slash": 61913,
+    "wallpaper": 61914,
+    "waveform": 61915,
+    "webhooks-clock": 61916,
+    "webhooks": 61917,
+    "window": 61918,
+    "xmark": 61919
+}
\ No newline at end of file
diff --git a/docs/Valkyrie.css b/docs/Valkyrie.css
index b6e80ef2..dc4f9e10 100644
--- a/docs/Valkyrie.css
+++ b/docs/Valkyrie.css
@@ -1,9 +1,7 @@
 @font-face {
   font-family: "Valkyrie";
-  src: url("./fonts/Valkyrie.ttf?d86ddf5f6da0de0c529308a30355532c") format("truetype"),
-url("./fonts/Valkyrie.woff?d86ddf5f6da0de0c529308a30355532c") format("woff"),
-url("./fonts/Valkyrie.woff2?d86ddf5f6da0de0c529308a30355532c") format("woff2"),
-url("./fonts/Valkyrie.eot?d86ddf5f6da0de0c529308a30355532c#iefix") format("embedded-opentype");
+  src: url("./fonts/Valkyrie.woff?d86ddf5f6da0de0c529308a30355532c") format("woff"),
+url("./fonts/Valkyrie.woff2?d86ddf5f6da0de0c529308a30355532c") format("woff2");
 }
 
 .vi {