diff --git a/packages/block-library/src/social-link/icons/patreon.js b/packages/block-library/src/social-link/icons/patreon.js
index 9970d49eb4e0f..04ef99a14706e 100644
--- a/packages/block-library/src/social-link/icons/patreon.js
+++ b/packages/block-library/src/social-link/icons/patreon.js
@@ -1,11 +1,10 @@
 /**
  * WordPress dependencies
  */
-import { Circle, Rect, SVG } from '@wordpress/primitives';
+import { Path, SVG } from '@wordpress/primitives';
 
 export const PatreonIcon = () => (
-	<SVG width="24" height="24" viewBox="0 0 569 546" version="1.1">
-		<Circle cx="363" cy="205" r="205" />
-		<Rect width="100" height="546" x="0" y="0" />
+	<SVG width="24" height="24" viewBox="0 0 24 24" version="1.1">
+		<Path d="M20 8.40755C19.9969 6.10922 18.2543 4.22555 16.2097 3.54588C13.6708 2.70188 10.3222 2.82421 7.89775 3.99921C4.95932 5.42355 4.03626 8.54355 4.00186 11.6552C3.97363 14.2136 4.2222 20.9517 7.92225 20.9997C10.6715 21.0356 11.0809 17.3967 12.3529 15.6442C13.258 14.3974 14.4233 14.0452 15.8578 13.6806C18.3233 13.0537 20.0036 11.0551 20 8.40755Z" />
 	</SVG>
 );
diff --git a/packages/block-library/src/social-link/index.php b/packages/block-library/src/social-link/index.php
index fe256879fa4ff..12c2904d558c7 100644
--- a/packages/block-library/src/social-link/index.php
+++ b/packages/block-library/src/social-link/index.php
@@ -228,7 +228,7 @@ function block_core_social_link_services( $service = '', $field = '' ) {
 		),
 		'patreon'       => array(
 			'name' => 'Patreon',
-			'icon' => '<svg width="24" height="24" viewBox="0 0 569 546" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><circle cx="363" cy="205" r="205" /><rect width="100" height="546" x="0" y="0" /></svg>',
+			'icon' => '<svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M20 8.40755C19.9969 6.10922 18.2543 4.22555 16.2097 3.54588C13.6708 2.70188 10.3222 2.82421 7.89775 3.99921C4.95932 5.42355 4.03626 8.54355 4.00186 11.6552C3.97363 14.2136 4.2222 20.9517 7.92225 20.9997C10.6715 21.0356 11.0809 17.3967 12.3529 15.6442C13.258 14.3974 14.4233 14.0452 15.8578 13.6806C18.3233 13.0537 20.0036 11.0551 20 8.40755Z" /></svg>',
 		),
 		'pinterest'     => array(
 			'name' => 'Pinterest',
diff --git a/packages/block-library/src/social-link/socials-with-bg.scss b/packages/block-library/src/social-link/socials-with-bg.scss
index 6a5906483b5df..67528dac91457 100644
--- a/packages/block-library/src/social-link/socials-with-bg.scss
+++ b/packages/block-library/src/social-link/socials-with-bg.scss
@@ -114,7 +114,7 @@
 }
 
 .wp-social-link-patreon {
-	background-color: #ff424d;
+	background-color: #000;
 	color: #fff;
 }
 
diff --git a/packages/block-library/src/social-link/socials-without-bg.scss b/packages/block-library/src/social-link/socials-without-bg.scss
index 85e0c4f6af4d7..3979123bab60b 100644
--- a/packages/block-library/src/social-link/socials-without-bg.scss
+++ b/packages/block-library/src/social-link/socials-without-bg.scss
@@ -87,7 +87,7 @@
 }
 
 .wp-social-link-patreon {
-	color: #ff424d;
+	color: #000;
 }
 
 .wp-social-link-pinterest {
diff --git a/test/integration/fixtures/blocks/core__social-link-patreon.html b/test/integration/fixtures/blocks/core__social-link-patreon.html
new file mode 100644
index 0000000000000..e1880adaf1f59
--- /dev/null
+++ b/test/integration/fixtures/blocks/core__social-link-patreon.html
@@ -0,0 +1 @@
+<!-- wp:social-link-patreon {"url":"https://example.com/"} /-->
diff --git a/test/integration/fixtures/blocks/core__social-link-patreon.json b/test/integration/fixtures/blocks/core__social-link-patreon.json
new file mode 100644
index 0000000000000..935f138ac9f09
--- /dev/null
+++ b/test/integration/fixtures/blocks/core__social-link-patreon.json
@@ -0,0 +1,11 @@
+[
+	{
+		"name": "core/social-link",
+		"isValid": true,
+		"attributes": {
+			"url": "https://example.com/",
+			"service": "patreon"
+		},
+		"innerBlocks": []
+	}
+]
diff --git a/test/integration/fixtures/blocks/core__social-link-patreon.parsed.json b/test/integration/fixtures/blocks/core__social-link-patreon.parsed.json
new file mode 100644
index 0000000000000..069bdad26ca10
--- /dev/null
+++ b/test/integration/fixtures/blocks/core__social-link-patreon.parsed.json
@@ -0,0 +1,11 @@
+[
+	{
+		"blockName": "core/social-link-patreon",
+		"attrs": {
+			"url": "https://example.com/"
+		},
+		"innerBlocks": [],
+		"innerHTML": "",
+		"innerContent": []
+	}
+]
diff --git a/test/integration/fixtures/blocks/core__social-link-patreon.serialized.html b/test/integration/fixtures/blocks/core__social-link-patreon.serialized.html
new file mode 100644
index 0000000000000..831e1926b4f64
--- /dev/null
+++ b/test/integration/fixtures/blocks/core__social-link-patreon.serialized.html
@@ -0,0 +1 @@
+<!-- wp:social-link {"url":"https://example.com/","service":"patreon"} /-->