diff --git a/css/brands-extended.css b/css/brands-extended.css
index 787a15f..b6c34c2 100644
--- a/css/brands-extended.css
+++ b/css/brands-extended.css
@@ -160,6 +160,14 @@ button:hover,
 .button.button-myanimelist:focus {
   filter: brightness(90%) }
 
+  /*  Vero */
+.button.button-vero {
+  color: #fff;
+  background-color: #000 }
+.button.button-vero:hover,
+.button.button-vero:focus {
+  filter: brightness(90%) }
+
   /* osu! */
 .button.button-osu {
   color: #ffffff;
diff --git a/images/icons-extended/vero.svg b/images/icons-extended/vero.svg
new file mode 100644
index 0000000..ffa9bbf
--- /dev/null
+++ b/images/icons-extended/vero.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="VERO_Icon_Regular" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" viewBox="0 0 29 29" style="enable-background:new 0 0 29 29;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M24.3,6.3h-2.4L14.5,19l-1.3-2.4l5.9-10.2H4.7l9.8,16.4l0,0L24.3,6.3z"/>
+</svg>
diff --git a/preview.html b/preview.html
index 2aa2a40..3703cae 100644
--- a/preview.html
+++ b/preview.html
@@ -137,6 +137,11 @@
             <img class="icon" src="images/icons-extended/myanimelist.svg" alt="MyAnimeList Logo">MyAnimeList</a>
         <br>
 
+        <!-- Vero -->
+        <a class="button button-vero" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons-extended/vero.svg" alt="Vero Logo">Vero</a>
+        <br>
+
         <!-- osu! -->
         <a class="button button-osu" href="#" target="_blank" rel="noopener">
           <img class="icon" src="images/icons/osu.svg" alt="osu! Logo">osu!</a>