diff --git a/package.json b/package.json
index 95d9657a52..813b117ebf 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,7 @@
   "devDependencies": {
     "@babel/cli": "7.5.0",
     "@babel/preset-env": "7.5.0",
-    "@justeat/browserslist-config-fozzie": "1.1.0",
+    "@justeat/browserslist-config-fozzie": "1.1.1",
     "@justeat/eslint-config-fozzie": "3.1.1",
     "@justeat/f-build-config": "^0.3.0",
     "@vue/cli-plugin-babel": "3.9.0",
diff --git a/packages/f-vue-icons/CHANGELOG.md b/packages/f-vue-icons/CHANGELOG.md
index 5b54a2a7c2..beddbdf05a 100644
--- a/packages/f-vue-icons/CHANGELOG.md
+++ b/packages/f-vue-icons/CHANGELOG.md
@@ -4,6 +4,15 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
 
+v0.9.0
+------------------------------
+*July 10, 2019*
+
+### Added
+- Social icons
+- Payment/card icons
+
+
 v0.8.0
 ------------------------------
 *June 21, 2019*
diff --git a/packages/f-vue-icons/package.json b/packages/f-vue-icons/package.json
index a42930b920..1af59b366d 100644
--- a/packages/f-vue-icons/package.json
+++ b/packages/f-vue-icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@justeat/f-vue-icons",
-  "version": "0.6.0",
+  "version": "0.9.0",
   "main": "dist/f-vue-icons.umd.min.js",
   "files": [
     "dist"
diff --git a/packages/f-vue-icons/src/components/AmexIcon/AmexIcon.vue b/packages/f-vue-icons/src/components/AmexIcon/AmexIcon.vue
new file mode 100644
index 0000000000..bcbb48cfc3
--- /dev/null
+++ b/packages/f-vue-icons/src/components/AmexIcon/AmexIcon.vue
@@ -0,0 +1,13 @@
+<template>
+    <amex-icon />
+</template>
+
+<script>
+import AmexIcon from '@justeat/f-icons/src/img/icons/cards/amex.svg';
+
+export default {
+    components: {
+        AmexIcon
+    }
+}
+</script>
diff --git a/packages/f-vue-icons/src/components/AmexIcon/index.js b/packages/f-vue-icons/src/components/AmexIcon/index.js
new file mode 100644
index 0000000000..e24351a160
--- /dev/null
+++ b/packages/f-vue-icons/src/components/AmexIcon/index.js
@@ -0,0 +1,7 @@
+import AmexIcon from './AmexIcon.vue';
+
+const install = Vue => {
+    Vue.component(AmexIcon.name, AmexIcon);
+};
+
+export default install;
diff --git a/packages/f-vue-icons/src/components/AmexSafekeyIcon/AmexSafekeyIcon.vue b/packages/f-vue-icons/src/components/AmexSafekeyIcon/AmexSafekeyIcon.vue
new file mode 100644
index 0000000000..fc3c907278
--- /dev/null
+++ b/packages/f-vue-icons/src/components/AmexSafekeyIcon/AmexSafekeyIcon.vue
@@ -0,0 +1,13 @@
+<template>
+    <amex-safekey-icon />
+</template>
+
+<script>
+import AmexSafekeyIcon from '@justeat/f-icons/src/img/icons/cards/amex--safekey.svg';
+
+export default {
+    components: {
+        AmexSafekeyIcon
+    }
+}
+</script>
diff --git a/packages/f-vue-icons/src/components/AmexSafekeyIcon/index.js b/packages/f-vue-icons/src/components/AmexSafekeyIcon/index.js
new file mode 100644
index 0000000000..ec4f78386d
--- /dev/null
+++ b/packages/f-vue-icons/src/components/AmexSafekeyIcon/index.js
@@ -0,0 +1,7 @@
+import AmexSafekeyIcon from './AmexSafekeyIcon.vue';
+
+const install = Vue => {
+    Vue.component(AmexSafekeyIcon.name, AmexSafekeyIcon);
+};
+
+export default install;
diff --git a/packages/f-vue-icons/src/components/DankortIcon/DankortIcon.vue b/packages/f-vue-icons/src/components/DankortIcon/DankortIcon.vue
new file mode 100644
index 0000000000..5384f33975
--- /dev/null
+++ b/packages/f-vue-icons/src/components/DankortIcon/DankortIcon.vue
@@ -0,0 +1,13 @@
+<template>
+    <dankort-icon />
+</template>
+
+<script>
+import DankortIcon from '@justeat/f-icons/src/img/icons/cards/dk.svg';
+
+export default {
+    components: {
+        DankortIcon
+    }
+}
+</script>
diff --git a/packages/f-vue-icons/src/components/DankortIcon/index.js b/packages/f-vue-icons/src/components/DankortIcon/index.js
new file mode 100644
index 0000000000..6940fa33bf
--- /dev/null
+++ b/packages/f-vue-icons/src/components/DankortIcon/index.js
@@ -0,0 +1,7 @@
+import DankortIcon from './DankortIcon.vue';
+
+const install = Vue => {
+    Vue.component(DankortIcon.name, DankortIcon);
+};
+
+export default install;
diff --git a/packages/f-vue-icons/src/components/FacebookIcon/FacebookIcon.vue b/packages/f-vue-icons/src/components/FacebookIcon/FacebookIcon.vue
new file mode 100644
index 0000000000..703dc06ecd
--- /dev/null
+++ b/packages/f-vue-icons/src/components/FacebookIcon/FacebookIcon.vue
@@ -0,0 +1,13 @@
+<template>
+    <facebook-icon />
+</template>
+
+<script>
+import FacebookIcon from '@justeat/f-icons/src/img/icons/social/icon-facebook.svg';
+
+export default {
+    components: {
+        FacebookIcon
+    }
+}
+</script>
diff --git a/packages/f-vue-icons/src/components/FacebookIcon/index.js b/packages/f-vue-icons/src/components/FacebookIcon/index.js
new file mode 100644
index 0000000000..eed7efd2b6
--- /dev/null
+++ b/packages/f-vue-icons/src/components/FacebookIcon/index.js
@@ -0,0 +1,7 @@
+import FacebookIcon from './FacebookIcon.vue';
+
+const install = Vue => {
+    Vue.component(FacebookIcon.name, FacebookIcon);
+};
+
+export default install;
diff --git a/packages/f-vue-icons/src/components/InstagramIcon/InstagramIcon.vue b/packages/f-vue-icons/src/components/InstagramIcon/InstagramIcon.vue
new file mode 100644
index 0000000000..c8ea063512
--- /dev/null
+++ b/packages/f-vue-icons/src/components/InstagramIcon/InstagramIcon.vue
@@ -0,0 +1,13 @@
+<template>
+    <instagram-icon />
+</template>
+
+<script>
+import InstagramIcon from '@justeat/f-icons/src/img/icons/social/icon-instagram.svg';
+
+export default {
+    components: {
+        InstagramIcon
+    }
+}
+</script>
diff --git a/packages/f-vue-icons/src/components/InstagramIcon/index.js b/packages/f-vue-icons/src/components/InstagramIcon/index.js
new file mode 100644
index 0000000000..c7470f23d7
--- /dev/null
+++ b/packages/f-vue-icons/src/components/InstagramIcon/index.js
@@ -0,0 +1,7 @@
+import InstagramIcon from './InstagramIcon.vue';
+
+const install = Vue => {
+    Vue.component(InstagramIcon.name, InstagramIcon);
+};
+
+export default install;
diff --git a/packages/f-vue-icons/src/components/InteracIcon/InteracIcon.vue b/packages/f-vue-icons/src/components/InteracIcon/InteracIcon.vue
new file mode 100644
index 0000000000..24ab071fd0
--- /dev/null
+++ b/packages/f-vue-icons/src/components/InteracIcon/InteracIcon.vue
@@ -0,0 +1,13 @@
+<template>
+    <interac-icon />
+</template>
+
+<script>
+import InteracIcon from '@justeat/f-icons/src/img/icons/cards/interac.svg';
+
+export default {
+    components: {
+        InteracIcon
+    }
+}
+</script>
diff --git a/packages/f-vue-icons/src/components/InteracIcon/index.js b/packages/f-vue-icons/src/components/InteracIcon/index.js
new file mode 100644
index 0000000000..1afc101648
--- /dev/null
+++ b/packages/f-vue-icons/src/components/InteracIcon/index.js
@@ -0,0 +1,7 @@
+import InteracIcon from './InteracIcon.vue';
+
+const install = Vue => {
+    Vue.component(InteracIcon.name, InteracIcon);
+};
+
+export default install;
diff --git a/packages/f-vue-icons/src/components/MaestroIcon/MaestroIcon.vue b/packages/f-vue-icons/src/components/MaestroIcon/MaestroIcon.vue
new file mode 100644
index 0000000000..38825c317f
--- /dev/null
+++ b/packages/f-vue-icons/src/components/MaestroIcon/MaestroIcon.vue
@@ -0,0 +1,13 @@
+<template>
+    <maestro-icon />
+</template>
+
+<script>
+import MaestroIcon from '@justeat/f-icons/src/img/icons/cards/maestro.svg';
+
+export default {
+    components: {
+        MaestroIcon
+    }
+}
+</script>
diff --git a/packages/f-vue-icons/src/components/MaestroIcon/index.js b/packages/f-vue-icons/src/components/MaestroIcon/index.js
new file mode 100644
index 0000000000..e543e9fdcb
--- /dev/null
+++ b/packages/f-vue-icons/src/components/MaestroIcon/index.js
@@ -0,0 +1,7 @@
+import MaestroIcon from './MaestroIcon.vue';
+
+const install = Vue => {
+    Vue.component(MaestroIcon.name, MaestroIcon);
+};
+
+export default install;
diff --git a/packages/f-vue-icons/src/components/MastercardIcon/MastercardIcon.vue b/packages/f-vue-icons/src/components/MastercardIcon/MastercardIcon.vue
new file mode 100644
index 0000000000..3cd8e4cbbb
--- /dev/null
+++ b/packages/f-vue-icons/src/components/MastercardIcon/MastercardIcon.vue
@@ -0,0 +1,13 @@
+<template>
+    <mastercard-icon />
+</template>
+
+<script>
+import MastercardIcon from '@justeat/f-icons/src/img/icons/cards/mastercard.svg';
+
+export default {
+    components: {
+        MastercardIcon
+    }
+}
+</script>
diff --git a/packages/f-vue-icons/src/components/MastercardIcon/index.js b/packages/f-vue-icons/src/components/MastercardIcon/index.js
new file mode 100644
index 0000000000..3a4f7ebaa5
--- /dev/null
+++ b/packages/f-vue-icons/src/components/MastercardIcon/index.js
@@ -0,0 +1,7 @@
+import MastercardIcon from './MastercardIcon.vue';
+
+const install = Vue => {
+    Vue.component(MastercardIcon.name, MastercardIcon);
+};
+
+export default install;
diff --git a/packages/f-vue-icons/src/components/MastercardSecurecodeIcon/MastercardSecurecodeIcon.vue b/packages/f-vue-icons/src/components/MastercardSecurecodeIcon/MastercardSecurecodeIcon.vue
new file mode 100644
index 0000000000..92f4c36cba
--- /dev/null
+++ b/packages/f-vue-icons/src/components/MastercardSecurecodeIcon/MastercardSecurecodeIcon.vue
@@ -0,0 +1,13 @@
+<template>
+    <mastercard-securecode-icon />
+</template>
+
+<script>
+import MastercardSecurecodeIcon from '@justeat/f-icons/src/img/icons/cards/mastercard--securecode.svg';
+
+export default {
+    components: {
+        MastercardSecurecodeIcon
+    }
+}
+</script>
diff --git a/packages/f-vue-icons/src/components/MastercardSecurecodeIcon/index.js b/packages/f-vue-icons/src/components/MastercardSecurecodeIcon/index.js
new file mode 100644
index 0000000000..155290f1dc
--- /dev/null
+++ b/packages/f-vue-icons/src/components/MastercardSecurecodeIcon/index.js
@@ -0,0 +1,7 @@
+import MastercardSecurecodeIcon from './MastercardSecurecodeIcon.vue';
+
+const install = Vue => {
+    Vue.component(MastercardSecurecodeIcon.name, MastercardSecurecodeIcon);
+};
+
+export default install;
diff --git a/packages/f-vue-icons/src/components/PayPalIcon/PayPalIcon.vue b/packages/f-vue-icons/src/components/PayPalIcon/PayPalIcon.vue
new file mode 100644
index 0000000000..fdf16934b1
--- /dev/null
+++ b/packages/f-vue-icons/src/components/PayPalIcon/PayPalIcon.vue
@@ -0,0 +1,13 @@
+<template>
+    <paypal-icon />
+</template>
+
+<script>
+import PaypalIcon from '@justeat/f-icons/src/img/icons/cards/paypal.svg';
+
+export default {
+    components: {
+        PaypalIcon
+    }
+}
+</script>
diff --git a/packages/f-vue-icons/src/components/PayPalIcon/index.js b/packages/f-vue-icons/src/components/PayPalIcon/index.js
new file mode 100644
index 0000000000..50aeeaa269
--- /dev/null
+++ b/packages/f-vue-icons/src/components/PayPalIcon/index.js
@@ -0,0 +1,7 @@
+import PayPalIcon from './PayPalIcon.vue';
+
+const install = Vue => {
+    Vue.component(PayPalIcon.name, PayPalIcon);
+};
+
+export default install;
diff --git a/packages/f-vue-icons/src/components/PinterestIcon/PinterestIcon.vue b/packages/f-vue-icons/src/components/PinterestIcon/PinterestIcon.vue
new file mode 100644
index 0000000000..c378ec1a45
--- /dev/null
+++ b/packages/f-vue-icons/src/components/PinterestIcon/PinterestIcon.vue
@@ -0,0 +1,13 @@
+<template>
+    <pinterest-icon />
+</template>
+
+<script>
+import PinterestIcon from '@justeat/f-icons/src/img/icons/social/icon-pinterest.svg';
+
+export default {
+    components: {
+        PinterestIcon
+    }
+}
+</script>
diff --git a/packages/f-vue-icons/src/components/PinterestIcon/index.js b/packages/f-vue-icons/src/components/PinterestIcon/index.js
new file mode 100644
index 0000000000..e71999e60e
--- /dev/null
+++ b/packages/f-vue-icons/src/components/PinterestIcon/index.js
@@ -0,0 +1,7 @@
+import PinterestIcon from './PinterestIcon.vue';
+
+const install = Vue => {
+    Vue.component(PinterestIcon.name, PinterestIcon);
+};
+
+export default install;
diff --git a/packages/f-vue-icons/src/components/RssIcon/RssIcon.vue b/packages/f-vue-icons/src/components/RssIcon/RssIcon.vue
new file mode 100644
index 0000000000..0afec7fa0c
--- /dev/null
+++ b/packages/f-vue-icons/src/components/RssIcon/RssIcon.vue
@@ -0,0 +1,13 @@
+<template>
+    <rss-icon />
+</template>
+
+<script>
+import RssIcon from '@justeat/f-icons/src/img/icons/social/icon-rss.svg';
+
+export default {
+    components: {
+        RssIcon
+    }
+}
+</script>
diff --git a/packages/f-vue-icons/src/components/RssIcon/index.js b/packages/f-vue-icons/src/components/RssIcon/index.js
new file mode 100644
index 0000000000..5eea6d440b
--- /dev/null
+++ b/packages/f-vue-icons/src/components/RssIcon/index.js
@@ -0,0 +1,7 @@
+import RssIcon from './RssIcon.vue';
+
+const install = Vue => {
+    Vue.component(RssIcon.name, RssIcon);
+};
+
+export default install;
diff --git a/packages/f-vue-icons/src/components/TwitterIcon/TwitterIcon.vue b/packages/f-vue-icons/src/components/TwitterIcon/TwitterIcon.vue
new file mode 100644
index 0000000000..c2fb0e8397
--- /dev/null
+++ b/packages/f-vue-icons/src/components/TwitterIcon/TwitterIcon.vue
@@ -0,0 +1,13 @@
+<template>
+    <twitter-icon />
+</template>
+
+<script>
+import TwitterIcon from '@justeat/f-icons/src/img/icons/social/icon-twitter.svg';
+
+export default {
+    components: {
+        TwitterIcon
+    }
+}
+</script>
diff --git a/packages/f-vue-icons/src/components/TwitterIcon/index.js b/packages/f-vue-icons/src/components/TwitterIcon/index.js
new file mode 100644
index 0000000000..7e0330bb0a
--- /dev/null
+++ b/packages/f-vue-icons/src/components/TwitterIcon/index.js
@@ -0,0 +1,7 @@
+import TwitterIcon from './TwitterIcon.vue';
+
+const install = Vue => {
+    Vue.component(TwitterIcon.name, TwitterIcon);
+};
+
+export default install;
diff --git a/packages/f-vue-icons/src/components/VisaIcon/VisaIcon.vue b/packages/f-vue-icons/src/components/VisaIcon/VisaIcon.vue
new file mode 100644
index 0000000000..db15e9d209
--- /dev/null
+++ b/packages/f-vue-icons/src/components/VisaIcon/VisaIcon.vue
@@ -0,0 +1,13 @@
+<template>
+    <visa-icon />
+</template>
+
+<script>
+import VisaIcon from '@justeat/f-icons/src/img/icons/cards/visa.svg';
+
+export default {
+    components: {
+        VisaIcon
+    }
+}
+</script>
diff --git a/packages/f-vue-icons/src/components/VisaIcon/index.js b/packages/f-vue-icons/src/components/VisaIcon/index.js
new file mode 100644
index 0000000000..7e4f4b7ba9
--- /dev/null
+++ b/packages/f-vue-icons/src/components/VisaIcon/index.js
@@ -0,0 +1,7 @@
+import VisaIcon from './VisaIcon.vue';
+
+const install = Vue => {
+    Vue.component(VisaIcon.name, VisaIcon);
+};
+
+export default install;
diff --git a/packages/f-vue-icons/src/components/VisaVerifiedIcon/VisaVerifiedIcon.vue b/packages/f-vue-icons/src/components/VisaVerifiedIcon/VisaVerifiedIcon.vue
new file mode 100644
index 0000000000..5b09a1bffa
--- /dev/null
+++ b/packages/f-vue-icons/src/components/VisaVerifiedIcon/VisaVerifiedIcon.vue
@@ -0,0 +1,13 @@
+<template>
+    <visa-verified-icon />
+</template>
+
+<script>
+import VisaVerifiedIcon from '@justeat/f-icons/src/img/icons/cards/visa--verified.svg';
+
+export default {
+    components: {
+        VisaVerifiedIcon
+    }
+}
+</script>
diff --git a/packages/f-vue-icons/src/components/VisaVerifiedIcon/index.js b/packages/f-vue-icons/src/components/VisaVerifiedIcon/index.js
new file mode 100644
index 0000000000..7f6c70dc99
--- /dev/null
+++ b/packages/f-vue-icons/src/components/VisaVerifiedIcon/index.js
@@ -0,0 +1,7 @@
+import VisaVerifiedIcon from './VisaVerifiedIcon.vue';
+
+const install = Vue => {
+    Vue.component(VisaVerifiedIcon.name, VisaVerifiedIcon);
+};
+
+export default install;
diff --git a/packages/f-vue-icons/src/components/YouTubeIcon/YouTubeIcon.vue b/packages/f-vue-icons/src/components/YouTubeIcon/YouTubeIcon.vue
new file mode 100644
index 0000000000..438d9def7f
--- /dev/null
+++ b/packages/f-vue-icons/src/components/YouTubeIcon/YouTubeIcon.vue
@@ -0,0 +1,13 @@
+<template>
+    <youtube-icon />
+</template>
+
+<script>
+import YoutubeIcon from '@justeat/f-icons/src/img/icons/social/icon-youtube.svg';
+
+export default {
+    components: {
+        YoutubeIcon
+    }
+}
+</script>
diff --git a/packages/f-vue-icons/src/components/YouTubeIcon/index.js b/packages/f-vue-icons/src/components/YouTubeIcon/index.js
new file mode 100644
index 0000000000..bd24f06cd6
--- /dev/null
+++ b/packages/f-vue-icons/src/components/YouTubeIcon/index.js
@@ -0,0 +1,7 @@
+import YouTubeIcon from './YouTubeIcon.vue';
+
+const install = Vue => {
+    Vue.component(YouTubeIcon.name, YouTubeIcon);
+};
+
+export default install;
diff --git a/yarn.lock b/yarn.lock
index cde5abf024..e13bcdd17b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -964,10 +964,10 @@
     "@types/istanbul-reports" "^1.1.1"
     "@types/yargs" "^12.0.9"
 
-"@justeat/browserslist-config-fozzie@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@justeat/browserslist-config-fozzie/-/browserslist-config-fozzie-1.1.0.tgz#40734f3812eca98136414a2453238056dc3678bb"
-  integrity sha512-eOn/XL1W2Spig+i4Ar4IfxMozPfb3SaDwkGlXCSgXxcgzSm6Y058Y519cwaCuz8ydwatPGKPgmeMZUujiR/I/Q==
+"@justeat/browserslist-config-fozzie@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@justeat/browserslist-config-fozzie/-/browserslist-config-fozzie-1.1.1.tgz#8f27a7b683f7c40469b6ff4049384370ae6530fc"
+  integrity sha512-Ypr/5NqRlQyWqLqTOA29DawRQJ3EA5wctVvKsqHgLXo47ikW+A9nNeloySTnu6La5QUjXSw/FTJxyfnuTxkqBg==
 
 "@justeat/eslint-config-fozzie@3.1.1":
   version "3.1.1"
@@ -989,7 +989,7 @@
     webpack-log "2.0.0"
 
 "@justeat/f-footer@file:packages/f-footer":
-  version "2.0.0-beta.1"
+  version "2.0.0-beta.2"
   dependencies:
     vue "2.6.10"