diff --git a/css/brands-extended.css b/css/brands-extended.css
index 05020ea..d6dfc51 100644
--- a/css/brands-extended.css
+++ b/css/brands-extended.css
@@ -104,6 +104,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Anilist */
+.button.button-anilist {
+  color: #ffffff;
+  background-color: #152232;
+}
+.button.button-anilist:hover,
+.button.button-anilist:focus {
+  filter: brightness(90%);
+}
+
 /* Behance */
 .button.button-behance {
   color: #1769ff;
@@ -211,6 +221,15 @@ button:hover,
 .button.button-myanimelist:focus {
   filter: brightness(90%) }
 
+  /* OP.GG */
+.button.button-opgg {
+  color: #ffffff;
+  background-color: #5383E8}
+.button.button-opgg:hover,
+.button.button-opgg:focus {
+  filter: brightness(90%) }
+
+
   /* ORCID ID */
 .button.button-orcid-id {
   color: #000000;
diff --git a/images/icons-extended/Anilist.svg b/images/icons-extended/Anilist.svg
new file mode 100644
index 0000000..f388fa5
--- /dev/null
+++ b/images/icons-extended/Anilist.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="172" height="172" viewBox="0 0 172 172">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #02a9ff;
+      }
+
+      .cls-1, .cls-2 {
+        fill-rule: evenodd;
+      }
+
+      .cls-2 {
+        fill: #fefefe;
+      }
+    </style>
+  </defs>
+  <g>
+    <path d="M111.322,111.157 L111.322,41.029 C111.322,37.010 109.105,34.792 105.086,34.792 L91.365,34.792 C87.346,34.792 85.128,37.010 85.128,41.029 C85.128,41.029 85.128,56.337 85.128,74.333 C85.128,75.271 94.165,79.626 94.401,80.547 C101.286,107.449 95.897,128.980 89.370,129.985 C100.042,130.513 101.216,135.644 93.267,132.138 C94.483,117.784 99.228,117.812 112.869,131.610 C112.986,131.729 115.666,137.351 115.833,137.351 C131.170,137.351 148.050,137.351 148.050,137.351 C152.069,137.351 154.286,135.134 154.286,131.115 L154.286,117.394 C154.286,113.375 152.069,111.157 148.050,111.157 L111.322,111.157 Z" class="cls-1"/>
+    <path d="M54.365,34.792 L18.331,137.351 L46.327,137.351 L52.425,119.611 L82.915,119.611 L88.875,137.351 L116.732,137.351 L80.836,34.792 L54.365,34.792 ZM58.800,96.882 L67.531,68.470 L77.094,96.882 L58.800,96.882 Z" class="cls-2"/>
+  </g>
+</svg>
diff --git a/images/icons-extended/opgg.svg b/images/icons-extended/opgg.svg
new file mode 100644
index 0000000..d10ef49
--- /dev/null
+++ b/images/icons-extended/opgg.svg
@@ -0,0 +1,7 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.95773 8.25507C5.40547 8.25507 4.14259 6.97956 4.14259 5.41162C4.14259 3.84381 5.40547 2.56817 6.95773 2.56817C8.50961 2.56817 9.77249 3.84381 9.77249 5.41162C9.77249 6.97956 8.50961 8.25507 6.95773 8.25507ZM6.95786 0C4.00364 0 1.6001 2.42757 1.6001 5.41149C1.6001 8.39567 4.00364 10.8234 6.95786 10.8234C9.91168 10.8234 12.315 8.39567 12.315 5.41149C12.315 2.42757 9.91168 0 6.95786 0Z" fill="white"/>
+<path d="M18.6519 5.7483H15.7397V2.50355H18.6519C19.6567 2.50355 19.9631 3.45902 19.9631 4.12593C19.9631 4.81347 19.6567 5.7483 18.6519 5.7483ZM22.4936 4.12593C22.4936 1.79923 20.9201 0.00219727 18.6638 0.00219727H13.3359V10.8142H15.7394L15.7397 8.24965H18.6638C20.8391 8.24965 22.4936 6.46474 22.4936 4.12593Z" fill="white"/>
+<path d="M22.4933 8.62036C21.8947 8.62036 21.4075 9.11248 21.4075 9.71747C21.4075 10.3222 21.8947 10.8143 22.4933 10.8143C23.0923 10.8143 23.5796 10.3222 23.5796 9.71747C23.5796 9.11248 23.0923 8.62036 22.4933 8.62036Z" fill="white"/>
+<path d="M11.9422 17.9431H7.16972V19.8789H9.3568C9.18249 20.7322 8.29327 21.497 6.95262 21.497C5.36677 21.497 4.07644 20.1938 4.07644 18.5922C4.07644 16.99 5.36677 15.7352 6.95262 15.7352C7.7306 15.7352 8.45993 15.9979 9.00702 16.5631L9.12847 16.6887L9.27316 16.5913L11.0042 15.4253L11.1992 15.294L11.0483 15.1129C10.028 13.8877 8.53489 13.1851 6.95262 13.1851C4.00134 13.1851 1.6001 15.6107 1.6001 18.5922C1.6001 21.5734 4.00134 23.9985 6.95262 23.9985C9.57965 23.9985 11.4639 22.4709 11.8698 20.0119C11.9699 19.4041 11.9967 19.0956 11.979 18.5922C11.9685 18.2921 11.9538 18.078 11.9422 17.9431Z" fill="white"/>
+<path d="M23.1829 17.9445H18.4103V19.8802H20.5974C20.4233 20.7335 19.5339 21.4985 18.1931 21.4985C16.6074 21.4985 15.317 20.1952 15.317 18.5935C15.317 16.9914 16.6074 15.7365 18.1931 15.7365C18.9709 15.7365 19.7003 15.9994 20.2477 16.5644L20.3692 16.69L20.5139 16.5927L22.2448 15.4268L22.4399 15.2953L22.289 15.1142C21.2684 13.8892 19.7755 13.1865 18.1931 13.1865C15.2417 13.1865 12.8408 15.612 12.8408 18.5935C12.8408 21.5748 15.2417 24 18.1931 24C20.8204 24 22.7045 22.4724 23.1104 20.0132C23.2106 19.4055 23.2373 19.097 23.2196 18.5936C23.2091 18.2935 23.1944 18.0795 23.1829 17.9445Z" fill="white"/>
+</svg>
diff --git a/preview.html b/preview.html
index 3ef76b0..a8176a3 100644
--- a/preview.html
+++ b/preview.html
@@ -107,6 +107,11 @@
             <img class="icon" src="images/icons-extended/alphauniverse.png" alt="Alpha Universe Logo">Universe</a>
         <br>
 
+        <!-- Anilist -->
+        <a class="button button-anilist" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons-extended/anilist.svg" alt="Anilist Logo">Anilist</a>
+        <br>
+
         <!-- Behance -->
         <a class="button button-behance" href="#" target="_blank" rel="noopener">
             <img class="icon" src="images/icons-extended/behance.svg" alt="Behance Logo">Behance</a>
@@ -161,6 +166,11 @@
         <a class="button button-myanimelist" href="#" target="_blank" rel="noopener">
             <img class="icon" src="images/icons-extended/myanimelist.svg" alt="MyAnimeList Logo">MyAnimeList</a>
         <br>
+        
+        <!-- OP.GG -->
+        <a class="button button-opgg" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons-extended/opgg.svg" alt="OP.GG Logo">OP.GG</a>
+        <br>
 
         <!-- ORCID ID -->
         <a class="button button-orcid-id" href="#" target="_blank" rel="noopener">