diff --git a/iconoir.com/pages/index.tsx b/iconoir.com/pages/index.tsx
index bc9b2d26..8d4d3cae 100644
--- a/iconoir.com/pages/index.tsx
+++ b/iconoir.com/pages/index.tsx
@@ -92,6 +92,44 @@ const Home: NextPage<HomeProps> = ({
           >
             <span>Donate</span>
           </LargeButton>
+          <Supporters>
+            <Supporter
+              data-tooltip="Pierre Olivier Marec"
+              as={'a'}
+              href={'https://github.com/pomarec'}
+              src={'https://avatars.githubusercontent.com/u/802933?v=4'}
+            />
+            <Supporter
+              data-tooltip="Tuan Hiep"
+              as={'a'}
+              href={'https://opencollective.com/iconoir/contribute'}
+              src={
+                'https://images.opencollective.com/tuan-hiep/17b1ef2/avatar.png?height=80'
+              }
+            />
+            <Supporter
+              data-tooltip="Justin Kendrick"
+              as={'a'}
+              href={'https://opencollective.com/iconoir/contribute'}
+              src={
+                'https://images.opencollective.com/guest-39c79745/avatar.png?height=80'
+              }
+            />
+            <Supporter
+              data-tooltip="Anon"
+              as={'a'}
+              href={'https://opencollective.com/iconoir/contribute'}
+              src={
+                'https://opencollective.com/static/images/default-guest-logo.svg'
+              }
+            />
+            <Supporter
+              data-tooltip="Luca Burgio"
+              as={'a'}
+              href={'https://twitter.com/burgioluca'}
+              src={'https://lucaburgio.com/images/profile2.png'}
+            />
+          </Supporters>
           <Text15>
             Join our supporters and help us continue developing Iconoir.
           </Text15>
@@ -143,6 +181,45 @@ export const HeroDescription = styled(Text18)<{ topMargin?: number }>`
   }
 `;
 
+const Supporters = styled.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 8px !important;
+`;
+const Supporter = styled.div<{ src?: string }>`
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background-color: #000;
+  margin: 0 10px;
+  background-image: url(${(props) => props.src});
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  border: 2px solid white;
+  margin: 0 -4px;
+  transition: 0.2s;
+  &:hover {
+    scale: 1.1;
+    transition: 0.2s;
+    &:before {
+      content: attr(data-tooltip);
+      position: absolute;
+      bottom: 100%;
+      left: 50%;
+      transform: translateX(-50%);
+      background-color: black;
+      color: white;
+      padding: 5px;
+      border-radius: 3px;
+      white-space: nowrap;
+      font-size: 12px;
+    }
+  }
+`;
+
 const SupportContainer = styled.div`
   text-align: center;
   > * {