fix(docs): Open Collective icon until Bootstrap Icons are updated

jacobmllr95 · jacobmllr95 · commit 864827b4f586 · 2025-01-05T12:21:36.000+01:00
diff --git a/docs/components/header.vue b/docs/components/header.vue
@@ -75,7 +75,7 @@
         target="_blank"
         :link-attrs="{ 'aria-label': 'Open Collective' }"
       >
-        <b-icon icon="opencollective"></b-icon>
+        <opencollective-logo width="1em" height="1em" class="b-icon bi"></opencollective-logo>
       </b-nav-item>
     </b-navbar-nav>
   </b-navbar>
@@ -85,10 +85,14 @@
 import { BASE_URL, BASE_URL_DEV } from '~/constants'
 import { version } from '~/content'
 import BvBadge from '~/components/bv-badge'
+import OpencollectiveLogo from '~/components/opencollective-logo'
 
 export default {
   name: 'BVHeader',
-  components: { BvBadge },
+  components: {
+    BvBadge,
+    OpencollectiveLogo
+  },
   data() {
     return {
       version,
diff --git a/docs/components/opencollective-logo.vue b/docs/components/opencollective-logo.vue
@@ -0,0 +1,13 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 16 16"
+    version="1.1"
+    focusable="false"
+    role="img"
+  >
+    <title>Open Collective Logo</title>
+    <path fill="currentColor" fill-opacity=".4" d="M12.995 8.195c0 .937-.312 1.912-.78 2.693l1.99 1.99c.976-1.327 1.6-2.966 1.6-4.683 0-1.795-.624-3.434-1.561-4.76l-2.068 2.028c.468.781.78 1.679.78 2.732z" />
+    <path fill="currentColor" d="M8 13.151a4.995 4.995 0 1 1 0-9.99c1.015 0 1.951.273 2.732.82l1.95-2.03a7.805 7.805 0 1 0 .04 12.449l-1.951-2.03a5.07 5.07 0 0 1-2.732.781z" />
+  </svg>
+</template>
