diff --git a/adhocracy-plus/assets/fonts/holi_logo.ico b/adhocracy-plus/assets/fonts/holi_logo.ico
new file mode 100644
index 0000000000..f35fedb8a4
Binary files /dev/null and b/adhocracy-plus/assets/fonts/holi_logo.ico differ
diff --git a/adhocracy-plus/assets/fonts/holi_logo.svg b/adhocracy-plus/assets/fonts/holi_logo.svg
new file mode 100644
index 0000000000..274548175a
--- /dev/null
+++ b/adhocracy-plus/assets/fonts/holi_logo.svg
@@ -0,0 +1,3 @@
+<svg width="301" height="400" viewBox="0 0 301 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M300.998 333.37C300.998 373 270.177 400.14 232.511 400C195.083 399.859 164.533 373 164.533 333.37V236.824C164.533 233.051 163.053 229.433 160.418 226.766C157.784 224.098 154.211 222.599 150.486 222.599C146.761 222.599 143.188 224.098 140.553 226.766C137.919 229.433 136.439 233.051 136.439 236.824V357.396C136.439 378 123.996 394.261 100.034 394.261H36.409C12.9961 394.261 0 379.5 0 357.393V36.8654C0 14 13.9961 0 36.405 0L101.496 0C124.457 0 136.44 14.5 136.44 36.8654V162.474C136.44 166.762 138.122 170.874 141.117 173.907C144.111 176.939 148.172 178.642 152.407 178.642C155.796 178.651 159.1 177.563 161.836 175.538C164.573 173.512 166.598 170.655 167.619 167.382C172.483 151.611 182.766 138.128 196.604 129.375C210.442 120.622 226.918 117.179 243.047 119.67C259.176 122.161 273.89 130.421 284.522 142.953C295.154 155.485 301 171.46 301.001 187.981L300.998 333.37Z" fill="#262424"/>
+</svg>
diff --git a/adhocracy-plus/assets/scss/_variables.scss b/adhocracy-plus/assets/scss/_variables.scss
index b2b5b05e8d..bad3509e85 100644
--- a/adhocracy-plus/assets/scss/_variables.scss
+++ b/adhocracy-plus/assets/scss/_variables.scss
@@ -122,7 +122,8 @@ $idea-remark-color: #999 !default;
 $facebook: #3b5999 !default;
 $google: #dd4b39 !default;
 $twitter: #1da1f2 !default;
-$github: #333;
+$github: #333 !default;
+$project-holi: #fdfd80 !default;
 
 // set bootstrap modal variables
 $modal-inner-padding: 1.5 * $spacer !default;
diff --git a/adhocracy-plus/assets/scss/components/_button.scss b/adhocracy-plus/assets/scss/components/_button.scss
index a1f771888d..3c7110ad3d 100644
--- a/adhocracy-plus/assets/scss/components/_button.scss
+++ b/adhocracy-plus/assets/scss/components/_button.scss
@@ -248,8 +248,17 @@
     }
 }
 
+.btn--facebook,
+.btn--google,
+.btn--twitter,
+.btn--github,
+.btn--project-holi {
+    width: 100%;
+}
+
+
 .btn.btn--facebook {
-    @include button($facebook, $facebook, $print-black, 55%);
+    @include button($facebook, $facebook, $print-black, 50%);
 }
 
 .btn.btn--google {
@@ -264,6 +273,10 @@
     @include button($github, $github, $print-black, 70%);
 }
 
+.btn.btn--project-holi {
+    @include button($project-holi, $print-black, $print-black, 17%);
+}
+
 .checkbox-btn {
     display: inline-block;
     position: relative;
diff --git a/adhocracy-plus/assets/scss/icons/style.css b/adhocracy-plus/assets/scss/icons/style.css
index c58adf8000..a1d56f0010 100644
--- a/adhocracy-plus/assets/scss/icons/style.css
+++ b/adhocracy-plus/assets/scss/icons/style.css
@@ -1,80 +1,95 @@
 @font-face {
-  font-family: 'icomoon';
-  src:  url('../fonts/icomoon.eot?jd0zuw');
-  src:  url('../fonts/icomoon.eot?jd0zuw#iefix') format('embedded-opentype'),
-    url('../fonts/icomoon.ttf?jd0zuw') format('truetype'),
-    url('../fonts/icomoon.woff?jd0zuw') format('woff'),
-    url('../fonts/icomoon.svg?jd0zuw#icomoon') format('svg');
-  font-weight: normal;
-  font-style: normal;
+    font-family: 'icomoon';
+    src:  url('../fonts/icomoon.eot?jd0zuw');
+    src:  url('../fonts/icomoon.eot?jd0zuw#iefix') format('embedded-opentype'),
+        url('../fonts/icomoon.ttf?jd0zuw') format('truetype'),
+        url('../fonts/icomoon.woff?jd0zuw') format('woff'),
+        url('../fonts/icomoon.svg?jd0zuw#icomoon') format('svg');
+    font-weight: normal;
+    font-style: normal;
 }
 
 [class^="icon-"], [class*=" icon-"] {
-  /* use !important to prevent issues with browser extensions that change fonts */
-  font-family: 'icomoon' !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'icomoon' !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
 
-  /* Better Font Rendering =========== */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
 .icon-answered:before {
-  content: "\e900";
-  font-size: 0.9rem;
+    content: "\e900";
+    font-size: 0.9rem;
 }
+
 /* not used */
 .icon-arrow-down:before {
-  content: "\e901";
+    content: "\e901";
 }
+
 /* not used */
 .icon-arrow-right:before {
-  content: "\e902";
+    content: "\e902";
 }
+
 /* not used */
 .icon-clear:before {
-  content: "\e903";
+    content: "\e903";
 }
+
 .icon-in-list:before {
-  content: "\e904";
-  font-size: 1.1rem;
-  vertical-align: bottom;
+    content: "\e904";
+    font-size: 1.1rem;
+    vertical-align: bottom;
 }
+
 .icon-like:before {
-  content: "\e905";
+    content: "\e905";
 }
+
 /* not used */
 .icon-list:before {
-  content: "\e906";
-  font-size: 1.1rem;
+    content: "\e906";
+    font-size: 1.1rem;
 }
+
 .icon-push-in-list:before {
-  content: "\e907";
-  font-size: 1.1rem;
-  vertical-align: bottom;
+    content: "\e907";
+    font-size: 1.1rem;
+    vertical-align: bottom;
 }
+
 /* not used */
 .icon-screen-view:before {
-  content: "\e908";
+    content: "\e908";
 }
+
 /* not used */
 .icon-sort-list:before {
-  content: "\e909";
+    content: "\e909";
 }
+
 /* not used */
 .icon-talking-desired:before {
-  content: "\e90a";
+    content: "\e90a";
 }
 
 .fa-stack {
-  font-size: 0.5rem;
+    font-size: 0.5rem;
 }
 
 .fa-eye {
-  font-size: 1.05rem;
+    font-size: 1.05rem;
+}
+
+.fa-project-holi {
+    content: url('../fonts/holi_logo.ico');
+    height: 1rem;
 }
diff --git a/adhocracy-plus/templates/socialaccount/snippets/provider_list.html b/adhocracy-plus/templates/socialaccount/snippets/provider_list.html
index 27518721b3..37a7bde231 100644
--- a/adhocracy-plus/templates/socialaccount/snippets/provider_list.html
+++ b/adhocracy-plus/templates/socialaccount/snippets/provider_list.html
@@ -5,24 +5,28 @@
 {% if socialaccount_providers %}
     <h4>{% translate "Login with social media account" %}</h4>
     <div class="row pb-5">
-    {% for provider in socialaccount_providers %}
-        {% if provider.id == "openid" %}
-        {% for brand in provider.get_brands %}
-        <div class="col-md-6 pb-3">
-            <a title="{{ brand.name }}"
-               class="socialaccount-provider {{ provider.id }} {{ brand.id }}"
-               href="{% provider_login_url provider.id openid=brand.openid_url process=process %}"
-            >{{ brand.name }}</a>
+        <div class="col-md-8">
+            <div class="row">
+                {% for provider in socialaccount_providers %}
+                {% if provider.id == "openid" %}
+                {% for brand in provider.get_brands %}
+                <div class="col-lg-6 pb-3">
+                    <a title="{{ brand.name }}"
+                       class="socialaccount-provider {{ provider.id }} {{ brand.id }}"
+                       href="{% provider_login_url provider.id openid=brand.openid_url process=process %}"
+                    >{{ brand.name }}</a>
+                </div>
+                {% endfor %}
+                {% endif %}
+                <div class="col-lg-6 pb-3">
+                    <a title="{% translate 'Login with ' %} {{ provider.name }}"
+                       class="btn btn--light btn--{{ provider.id }} btn--small {{ provider.id }}"
+                       href="{% provider_login_url provider.id process=process scope=scope auth_params=auth_params %}">
+                       {% translate 'Login with ' %} {{ provider.name|capfirst }} <i class="fab fa-{{ provider.id }}" aria-hidden="true"></i>
+                   </a>
+                </div>
+            {% endfor %}
+            </div>
         </div>
-        {% endfor %}
-        {% endif %}
-        <div class="col-md-6 pb-3">
-            <a title="{% translate 'Login with ' %} {{ provider.name }}"
-               class="btn btn--light btn--{{ provider.id }} btn--small {{ provider.id }}"
-               href="{% provider_login_url provider.id process=process scope=scope auth_params=auth_params %}">
-               {% translate 'Login with ' %} {{ provider.name|capfirst }} <i class="fab fa-{{ provider.id }}" aria-hidden="true"></i>
-           </a>
-        </div>
-    {% endfor %}
     </div>
 {% endif %}
diff --git a/changelog/7430.md b/changelog/7430.md
new file mode 100644
index 0000000000..fa305aeeb8
--- /dev/null
+++ b/changelog/7430.md
@@ -0,0 +1,3 @@
+### Added
+
+- logo icon and styling for project-holi btn (!7430)