Social Logos: address old repo artifacts (#37517)

* Add micro.blog logo * Add Stack Overflow logo * Add Stack Exchange logo * Add TripAdvisor logo * Add JSON feed logo * Rebuild * Add changelogs * Make changelog entries a bit more consistent * Oops, missed one Committed via a GitHub action: https://github.com/Automattic/jetpack/actions/runs/9213138023 Upstream-Ref: Automattic/jetpack@d4c9e63
Automattic · May 23, 2024 · 1fb5412 · 1fb5412
1 parent a76418e
commit 1fb5412
Show file tree

Hide file tree

Showing 8 changed files with 64 additions and 21 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,11 @@ This is an alpha version! The changes listed here are not final.
 
 ### Added
 - CSS file with encoded inline font is now automatically generated.
+- New icon: `json-feed`
+- New icon: `microblog`
+- New icon: `stackexchange`
+- New icon: `stackoverflow`
+- New icon: `tripadvisor`
 - Social logo colors CSS file is now included in source files.
 - Social Logos is now developed in the [Jetpack monorepo](https://github.com/Automattic/jetpack).
 
@@ -20,73 +25,76 @@ This is an alpha version! The changes listed here are not final.
 
 ## 2.5.9 - 2024-03-05
 
-* Added SMS icon.
+* New icon: `sms`
 
 ## 2.5.8 - 2023-12-20
 
-* Added Bluesky icon.
+* New icon: `bluesky`
 
 ## 2.5.7 - 2023-12-11
 
-* Updated Patreon icon.
+* Updated icon: `patreon`
 
 ## 2.5.6 - 2023-10-13
 
-* Updated X icon.
+* Updated icon: `x`
 * Removed unnecessary aria label attributes from Threads and X SVGs.
 
 ## 2.5.5 - 2023-09-15
 
-* Added X icon.
+* New icon: `x`
 
 ## 2.5.4 - 2023-07-10
 
-* Added Threads icon.
+* New icon: `threads`
 
 ## 2.5.3 - 2023-06-15
 
-* Added Fediverse icon.
-* Added Nextdoor icon.
+* New icon: `fediverse`
+* New icon: `nextdoor`
 * Updated dev dependencies and build tools.
 * Updated icon font.
 
 ## 2.5.2 - 2023-02-01
 
-* Added Mastodon icon.
+* New icon: `mastadon`
 
 ## 2.5.1 - 2023-01-13
 
-* React 18 support
+* React 18 support.
 
 ## 2.5.0 - 2022-02-01
 
 * Added copy post url button.
 
 ## 2.4.0 - 2021-09-01
 
-* Updated icons: `medium`, `facebook`
-* React 17 support
+* Updated icon: `medium`
+* Updated icon: `facebook`
+* React 17 support.
 * Update dev dependencies and build tools.
 
 ## 2.3.0 - 2021-01-27
 
-* New icons: `medium-alt`, `tiktok`, and `tiktok-alt`.
-* Updated icon: `medium`.
+* New icon: `medium-alt`
+* New icon: `tiktok`
+* New icon: `tiktok-alt`
+* Updated icon: `medium`
 
 ## 2.2.0 - 2021-01-19
 
-* New icon: `patreon`.
+* New icon: `patreon`
 
 ## 2.1.2 - 2020-03-12
 
 * Built the package with updated dependencies.
 
 ## 2.1.1 - 2020-03-10
 
-* Build: fixed the bug where the React component would render no icon at all (despite properly passed properties).
+* Build: Fixed bug where React component would render no icon at all (despite properly passed properties).
 
 ## 2.1.0 - 2018-01-31
 
-* Build: refactored (aligned build system with Gridicons).
+* Build: Refactored (aligned build system with Gridicons).
 
 [3.0.0-alpha]: https://github.com/Automattic/social-logos/compare/v2.5.9...v3.0.0-alpha
diff --git a/build/font/codepoints.json b/build/font/codepoints.json
@@ -56,5 +56,10 @@
 	"threads": 61709,
 	"x": 61710,
 	"bluesky": 61711,
-	"sms": 61712
+	"sms": 61712,
+	"json-feed": 63012,
+	"microblog": 63013,
+	"stackexchange": 63014,
+	"stackoverflow": 63015,
+	"tripadvisor": 63016
 }
diff --git a/build/font/social-logos.css b/build/font/social-logos.css
diff --git a/build/font/social-logos.woff2 b/build/font/social-logos.woff2
diff --git a/build/php/social-logos.php b/build/php/social-logos.php
diff --git a/build/react/social-logo-data.jsx b/build/react/social-logo-data.jsx
@@ -84,6 +84,10 @@ export const SocialLogoData = [
 		name: 'instagram',
 		svg: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M12 4.622c2.403 0 2.688.009 3.637.052.877.04 1.354.187 1.671.31.42.163.72.358 1.035.673s.51.615.673 1.035c.123.317.27.794.31 1.671.043.949.052 1.234.052 3.637s-.009 2.688-.052 3.637c-.04.877-.187 1.354-.31 1.671-.163.42-.358.72-.673 1.035s-.615.51-1.035.673c-.317.123-.794.27-1.671.31-.949.043-1.233.052-3.637.052s-2.688-.009-3.637-.052c-.877-.04-1.354-.187-1.671-.31a2.8 2.8 0 0 1-1.035-.673 2.8 2.8 0 0 1-.673-1.035c-.123-.317-.27-.794-.31-1.671-.043-.949-.052-1.234-.052-3.637s.009-2.688.052-3.637c.04-.877.187-1.354.31-1.671.163-.42.358-.72.673-1.035s.615-.51 1.035-.673c.317-.123.794-.27 1.671-.31.949-.043 1.234-.052 3.637-.052M12 3c-2.444 0-2.751.01-3.711.054-.958.044-1.612.196-2.184.418a4.4 4.4 0 0 0-1.594 1.039c-.5.5-.808 1.002-1.038 1.594-.223.572-.375 1.226-.419 2.184C3.01 9.249 3 9.556 3 12s.01 2.751.054 3.711c.044.958.196 1.612.418 2.185.23.592.538 1.094 1.038 1.594s1.002.808 1.594 1.038c.572.222 1.227.375 2.185.418.96.044 1.267.054 3.711.054s2.751-.01 3.711-.054c.958-.044 1.612-.196 2.185-.418a4.4 4.4 0 0 0 1.594-1.038c.5-.5.808-1.002 1.038-1.594.222-.572.375-1.227.418-2.185.044-.96.054-1.267.054-3.711s-.01-2.751-.054-3.711c-.044-.958-.196-1.612-.418-2.185A4.4 4.4 0 0 0 19.49 4.51c-.5-.5-1.002-.808-1.594-1.038-.572-.222-1.227-.375-2.185-.418C14.751 3.01 14.444 3 12 3m0 4.378a4.622 4.622 0 1 0 0 9.244 4.622 4.622 0 0 0 0-9.244M12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6m4.804-8.884a1.08 1.08 0 1 0 .001 2.161 1.08 1.08 0 0 0-.001-2.161"/></g></svg>,
 	},
+	{
+		name: 'json-feed',
+		svg: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="m8.522 17.424.027.027c1.076-1.076 1.854-.993 3.154.306l2.053 2.053c2.136 2.136 4.131 2.028 6.515-.356l.729-.728-1.548-1.548-.373.373c-1.349 1.349-2.293 1.366-3.585.075l-2.409-2.409c-1.242-1.242-2.475-1.366-3.659-.381l-.232-.232c1.01-1.225.911-2.368-.29-3.568l-2.16-2.162c-1.317-1.317-1.308-2.236.058-3.602l.372-.372-1.54-1.54-.728.729c-2.393 2.393-2.525 4.346-.439 6.433l1.78 1.78c1.3 1.3 1.383 2.095.315 3.163l.008.008a1.384 1.384 0 0 0 1.952 1.951"/><circle cx="13.089" cy="10.905" r="1.383"/><circle cx="16.349" cy="7.644" r="1.383"/><circle cx="19.61" cy="4.383" r="1.383"/></g></svg>,
+	},
 	{
 		name: 'link',
 		svg: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M17 13H7v-2h10zm1-6h-1c-1.631 0-3.065.792-3.977 2H18c1.103 0 2 .897 2 2v2c0 1.103-.897 2-2 2h-4.977c.913 1.208 2.347 2 3.977 2h1a4 4 0 0 0 4-4v-2a4 4 0 0 0-4-4M2 11v2a4 4 0 0 0 4 4h1c1.63 0 3.065-.792 3.977-2H6c-1.103 0-2-.897-2-2v-2c0-1.103.897-2 2-2h4.977C10.065 7.792 8.631 7 7 7H6a4 4 0 0 0-4 4"/></g></svg>,
@@ -108,6 +112,10 @@ export const SocialLogoData = [
 		name: 'medium',
 		svg: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g><path d="M3 3v18h18V3zm15 4.26-1 .93a.28.28 0 0 0-.11.27v6.8a.27.27 0 0 0 .11.27l.94.93v.2h-4.75v-.2l1-1c.09-.1.09-.12.09-.27V9.74l-2.71 6.9h-.37L8 9.74v4.62a.67.67 0 0 0 .17.54l1.27 1.54v.2H5.86v-.2l1.27-1.54a.64.64 0 0 0 .17-.54V9a.5.5 0 0 0-.16-.4L6 7.26v-.2h3.52L12.23 13l2.38-5.94H18z"/></g></svg>,
 	},
+	{
+		name: 'microblog',
+		svg: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M19.641 17.086c1.294-1.522 2.067-3.438 2.067-5.521 0-4.957-4.371-8.972-9.763-8.972s-9.763 4.015-9.763 8.972 4.371 8.972 9.763 8.972a10.5 10.5 0 0 0 3.486-.59.315.315 0 0 1 .356.112c.816 1.101 2.09 1.876 3.506 2.191a.194.194 0 0 0 .192-.309 3.82 3.82 0 0 1 .162-4.858zm-3.065-6.575-2.514 1.909.912 3.022a.286.286 0 0 1-.437.317l-2.592-1.802-2.592 1.802a.285.285 0 0 1-.436-.317l.912-3.022-2.515-1.909a.285.285 0 0 1 .167-.513l3.155-.066 1.038-2.981a.285.285 0 0 1 .539 0l1.038 2.981 3.155.066a.285.285 0 0 1 .17.513"/></g></svg>,
+	},
 	{
 		name: 'nextdoor',
 		svg: <svg xmlns="http://www.w3.org/2000/svg" strokeMiterlimit="10" viewBox="0 0 130 130"><g><path d="M64.25 3.531c-31.144.337-57.596 24.22-60.469 55.907-3.064 33.799 21.857 63.685 55.657 66.75s63.685-21.857 66.75-55.657-21.857-63.686-55.657-66.75a62 62 0 0 0-6.281-.25m3.938 34.907C82.468 38.438 93.5 48.58 93.5 61.5v27c0 .685-.565 1.25-1.25 1.25H80.906a1.267 1.267 0 0 1-1.25-1.25V63.375c0-5.58-4.309-11.937-11.469-11.937-7.47 0-11.468 6.357-11.468 11.937V88.5c0 .685-.565 1.25-1.25 1.25H44.125c-.68 0-1.219-.57-1.219-1.25V64.156c0-.74-.529-1.364-1.25-1.531-13.13-2.93-15.115-10.285-15.375-21.125-.005-.332.142-.67.375-.906.233-.237.543-.375.875-.375l11.688.062c.66.01 1.187.529 1.218 1.188.13 4.44.438 9.406 4.438 9.406.83 0 1.443-1.179 1.813-1.719 4.41-6.48 12.28-10.718 21.5-10.718"/></g></svg>,
@@ -160,6 +168,14 @@ export const SocialLogoData = [
 		name: 'squarespace',
 		svg: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M20.87 9.271a3.86 3.86 0 0 0-5.458 0l-6.141 6.141a.964.964 0 1 0 1.365 1.364l6.14-6.14a1.929 1.929 0 1 1 2.729 2.729l-6.022 6.022a1.93 1.93 0 0 0 2.729 0l4.658-4.658a3.86 3.86 0 0 0 0-5.458m-2.047 2.047a.965.965 0 0 0-1.365 0l-6.14 6.14a1.93 1.93 0 0 1-2.729 0 .964.964 0 1 0-1.364 1.364 3.86 3.86 0 0 0 5.458 0l6.14-6.14a.966.966 0 0 0 0-1.364m-2.047-6.141a3.86 3.86 0 0 0-5.458 0l-6.14 6.14a.964.964 0 1 0 1.364 1.364l6.141-6.14a1.93 1.93 0 0 1 2.729 0 .965.965 0 1 0 1.364-1.364m-2.047 2.047a.964.964 0 0 0-1.364 0l-6.14 6.141a1.929 1.929 0 1 1-2.729-2.729l6.022-6.022a1.93 1.93 0 0 0-2.729 0L3.13 9.271a3.86 3.86 0 0 0 5.458 5.458l6.14-6.141a.963.963 0 0 0 .001-1.364"/></g></svg>,
 	},
+	{
+		name: 'stackexchange',
+		svg: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M4 11.606h16v3.272H4zM4 7.377h16v3.272H4zM17.514 3H6.55C5.147 3 4 4.169 4 5.614v.848h16v-.85C20 4.167 18.895 3 17.514 3M4 15.813v.85c0 1.445 1.147 2.614 2.55 2.614h6.799v3.463l3.357-3.463h.744c1.402 0 2.55-1.169 2.55-2.614v-.85z"/></g></svg>,
+	},
+	{
+		name: 'stackoverflow',
+		svg: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M18.18 20.103V14.78h1.767v7.09H4v-7.09h1.767v5.323z"/><path d="m7.717 14.275 8.673 1.813.367-1.744-8.673-1.813zm1.147-4.13 8.031 3.74.734-1.606-8.031-3.763zm2.226-3.946 6.815 5.667 1.124-1.354-6.815-5.667zM15.495 2l-1.423 1.055 5.277 7.113 1.423-1.055zM7.533 18.314h8.857v-1.767H7.533z"/></g></svg>,
+	},
 	{
 		name: 'stumbleupon',
 		svg: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M12 4.294a4.47 4.47 0 0 0-4.471 4.471v6.353a1.059 1.059 0 1 1-2.118 0v-2.824H2v2.941a4.471 4.471 0 0 0 8.942 0v-6.47a1.059 1.059 0 1 1 2.118 0v1.294l1.412.647 2-.647V8.765A4.473 4.473 0 0 0 12 4.294m1.059 8.059v2.882a4.471 4.471 0 0 0 8.941 0v-2.824h-3.412v2.824a1.059 1.059 0 1 1-2.118 0v-2.882l-2 .647z"/></g></svg>,
@@ -180,6 +196,10 @@ export const SocialLogoData = [
 		name: 'tiktok',
 		svg: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g><path d="M12.22 2h3.42s-.19 4.394 4.75 4.702v3.396s-2.636.166-4.75-1.448l.037 7.012a6.338 6.338 0 1 1-6.34-6.339h.89v3.472a2.882 2.882 0 1 0 2.024 2.752z"/></g></svg>,
 	},
+	{
+		name: 'tripadvisor',
+		svg: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M21.01 9.859c.236-1.002.985-2.003.985-2.003l-3.341-.002C16.779 6.643 14.502 6 11.979 6 9.363 6 7 6.659 5.135 7.877L2 7.88s.74.988.98 1.983a4.98 4.98 0 0 0-.977 2.961 5.01 5.01 0 0 0 5.009 5.003 5 5 0 0 0 3.904-1.875l1.065 1.592 1.076-1.606a4.96 4.96 0 0 0 1.838 1.448 4.98 4.98 0 0 0 3.831.151 5.01 5.01 0 0 0 2.963-6.431 5 5 0 0 0-.679-1.247m-13.998 6.96a4 4 0 0 1-3.998-3.995 4 4 0 0 1 3.998-3.997 4 4 0 0 1 3.996 3.997 4 4 0 0 1-3.996 3.995m4.987-4.36A5.007 5.007 0 0 0 7.11 7.821c1.434-.613 3.081-.947 4.867-.947 1.798 0 3.421.324 4.853.966a4.984 4.984 0 0 0-4.831 4.619m6.288 4.134a3.97 3.97 0 0 1-3.058-.122 3.96 3.96 0 0 1-2.075-2.245v-.001a3.97 3.97 0 0 1 .118-3.056 3.97 3.97 0 0 1 2.246-2.077 4.005 4.005 0 0 1 5.135 2.366 4.006 4.006 0 0 1-2.366 5.135"/><path d="M6.949 10.307a2.477 2.477 0 0 0-2.475 2.472 2.48 2.48 0 0 0 2.475 2.474 2.474 2.474 0 0 0 0-4.946m0 4.094a1.626 1.626 0 0 1-1.624-1.623 1.621 1.621 0 1 1 1.624 1.623M16.981 10.307a2.477 2.477 0 0 0-2.474 2.472 2.48 2.48 0 0 0 2.474 2.474 2.476 2.476 0 0 0 2.472-2.474 2.475 2.475 0 0 0-2.472-2.472m0 4.094a1.625 1.625 0 0 1-1.622-1.623 1.622 1.622 0 1 1 1.622 1.623"/><path d="M7.778 12.778a.832.832 0 1 1-1.664.002.832.832 0 0 1 1.664-.002M16.981 11.947a.832.832 0 1 0 .002 1.666.832.832 0 0 0-.002-1.666"/></g></svg>,
+	},
 	{
 		name: 'tumblr-alt',
 		svg: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M16.749 17.396c-.357.17-1.041.319-1.551.332-1.539.041-1.837-1.081-1.85-1.896V9.847h3.861v-2.91h-3.847V2.039h-2.817c-.046 0-.127.041-.138.144-.165 1.499-.867 4.13-3.783 5.181v2.484h1.945v6.282c0 2.151 1.587 5.206 5.775 5.135 1.413-.024 2.982-.616 3.329-1.126z"/></g></svg>,

diff --git a/build/svg-sprite/example.html b/build/svg-sprite/example.html
diff --git a/build/svg-sprite/social-logos.svg b/build/svg-sprite/social-logos.svg