Social Link: Update Reddit icon and color to match brand guidelines #43325
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
ndiego
added
[Type] Enhancement
jasmussen
reviewed
Aug 18, 2022
| @@ -232,7 +232,7 @@ function block_core_social_link_services( $service = '', $field = '' ) { | |||
| ), | |||
| 'reddit' => array( | |||
| 'name' => 'Reddit', | |||
| '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="M22,11.816c0-1.256-1.021-2.277-2.277-2.277c-0.593,0-1.122,0.24-1.526,0.614c-1.481-0.965-3.455-1.594-5.647-1.69 l1.171-3.702l3.18,0.748c0.008,1.028,0.846,1.862,1.876,1.862c1.035,0,1.877-0.842,1.877-1.878c0-1.035-0.842-1.877-1.877-1.877 c-0.769,0-1.431,0.466-1.72,1.13l-3.508-0.826c-0.203-0.047-0.399,0.067-0.46,0.261l-1.35,4.268 c-2.316,0.038-4.411,0.67-5.97,1.671C5.368,9.765,4.853,9.539,4.277,9.539C3.021,9.539,2,10.56,2,11.816 c0,0.814,0.433,1.523,1.078,1.925c-0.037,0.221-0.061,0.444-0.061,0.672c0,3.292,4.011,5.97,8.941,5.97s8.941-2.678,8.941-5.97 c0-0.214-0.02-0.424-0.053-0.632C21.533,13.39,22,12.661,22,11.816z M18.776,4.394c0.606,0,1.1,0.493,1.1,1.1s-0.493,1.1-1.1,1.1 s-1.1-0.494-1.1-1.1S18.169,4.394,18.776,4.394z M2.777,11.816c0-0.827,0.672-1.5,1.499-1.5c0.313,0,0.598,0.103,0.838,0.269 c-0.851,0.676-1.477,1.479-1.812,2.36C2.983,12.672,2.777,12.27,2.777,11.816z M11.959,19.606c-4.501,0-8.164-2.329-8.164-5.193 S7.457,9.22,11.959,9.22s8.164,2.329,8.164,5.193S16.46,19.606,11.959,19.606z M20.636,13.001c-0.326-0.89-0.948-1.701-1.797-2.384 c0.248-0.186,0.55-0.301,0.883-0.301c0.827,0,1.5,0.673,1.5,1.5C21.223,12.299,20.992,12.727,20.636,13.001z M8.996,14.704 c-0.76,0-1.397-0.616-1.397-1.376c0-0.76,0.637-1.397,1.397-1.397c0.76,0,1.376,0.637,1.376,1.397 C10.372,14.088,9.756,14.704,8.996,14.704z M16.401,13.328c0,0.76-0.616,1.376-1.376,1.376c-0.76,0-1.399-0.616-1.399-1.376 c0-0.76,0.639-1.397,1.399-1.397C15.785,11.931,16.401,12.568,16.401,13.328z M15.229,16.708c0.152,0.152,0.152,0.398,0,0.55 c-0.674,0.674-1.727,1.002-3.219,1.002c-0.004,0-0.007-0.002-0.011-0.002c-0.004,0-0.007,0.002-0.011,0.002 c-1.492,0-2.544-0.328-3.218-1.002c-0.152-0.152-0.152-0.398,0-0.55c0.152-0.152,0.399-0.151,0.55,0 c0.521,0.521,1.394,0.775,2.669,0.775c0.004,0,0.007,0.002,0.011,0.002c0.004,0,0.007-0.002,0.011-0.002 c1.275,0,2.148-0.253,2.669-0.775C14.831,16.556,15.078,16.556,15.229,16.708z"></path></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="M22,12.0681004 C22,10.8494624 21.0143369,9.88172043 19.8136201,9.88172043 C19.2222222,9.88172043 18.6845878,10.1146953 18.2903226,10.4910394 C16.7849462,9.41577061 14.7240143,8.71684588 12.4301075,8.62724014 L13.4336918,3.93189964 L16.6953405,4.63082437 C16.7311828,5.45519713 17.4121864,6.11827957 18.2544803,6.11827957 C19.1146953,6.11827957 19.8136201,5.41935484 19.8136201,4.55913978 C19.8136201,3.69892473 19.1146953,3 18.2544803,3 C17.6451613,3 17.1075269,3.35842294 16.8566308,3.8781362 L13.218638,3.10752688 C13.1111111,3.08960573 13.0035842,3.10752688 12.9318996,3.16129032 C12.8422939,3.21505376 12.7885305,3.3046595 12.7706093,3.41218638 L11.6594982,8.64516129 C9.3297491,8.71684588 7.23297491,9.41577061 5.70967742,10.5089606 C5.31541219,10.1326165 4.77777778,9.89964158 4.18637993,9.89964158 C2.96774194,9.89964158 2,10.8853047 2,12.0860215 C2,12.9820789 2.53763441,13.734767 3.29032258,14.0752688 C3.25448029,14.2903226 3.23655914,14.5053763 3.23655914,14.7383513 C3.23655914,18.1075269 7.16129032,20.8494624 12,20.8494624 C16.8387097,20.8494624 20.7634409,18.125448 20.7634409,14.7383513 C20.7634409,14.5232975 20.7455197,14.2903226 20.7096774,14.0752688 C21.4623656,13.734767 22,12.9641577 22,12.0681004 Z M6.98207885,13.6272401 C6.98207885,12.7670251 7.68100358,12.0681004 8.54121864,12.0681004 C9.40143369,12.0681004 10.1003584,12.7670251 10.1003584,13.6272401 C10.1003584,14.4874552 9.40143369,15.1863799 8.54121864,15.1863799 C7.68100358,15.2043011 6.98207885,14.4874552 6.98207885,13.6272401 Z M15.7096774,17.7670251 C14.6344086,18.8422939 12.5913978,18.9139785 12,18.9139785 C11.390681,18.9139785 9.34767025,18.8243728 8.29032258,17.7670251 C8.12903226,17.6057348 8.12903226,17.3548387 8.29032258,17.1935484 C8.4516129,17.0322581 8.70250896,17.0322581 8.86379928,17.1935484 C9.54480287,17.874552 10.9784946,18.1075269 12,18.1075269 C13.0215054,18.1075269 14.4731183,17.874552 15.1362007,17.1935484 C15.297491,17.0322581 15.5483871,17.0322581 15.7096774,17.1935484 C15.8530466,17.3548387 15.8530466,17.6057348 15.7096774,17.7670251 Z M15.4229391,15.2043011 C14.562724,15.2043011 13.8637993,14.5053763 13.8637993,13.6451613 C13.8637993,12.7849462 14.562724,12.0860215 15.4229391,12.0860215 C16.2831541,12.0860215 16.9820789,12.7849462 16.9820789,13.6451613 C16.9820789,14.4874552 16.2831541,15.2043011 15.4229391,15.2043011 Z"></path></svg>', | |||
There was a problem hiding this comment.
There are quite a few decimal places on this SVG. I ran the SVG through https://jakearchibald.github.io/svgomg/ and reduced the complexity a bit down from 2500 bytes to 970 bytes. I know, peanuts, but here's the new file:
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M22 12.068a2.184 2.184 0 0 0-2.186-2.186c-.592 0-1.13.233-1.524.609-1.505-1.075-3.566-1.774-5.86-1.864l1.004-4.695 3.261.699A1.56 1.56 0 1 0 18.255 3c-.61-.001-1.147.357-1.398.877l-3.638-.77a.382.382 0 0 0-.287.053.348.348 0 0 0-.161.251l-1.112 5.233c-2.33.072-4.426.77-5.95 1.864a2.201 2.201 0 0 0-1.523-.61 2.184 2.184 0 0 0-.896 4.176c-.036.215-.053.43-.053.663 0 3.37 3.924 6.111 8.763 6.111s8.763-2.724 8.763-6.11c0-.216-.017-.449-.053-.664A2.207 2.207 0 0 0 22 12.068Zm-15.018 1.56a1.56 1.56 0 0 1 3.118 0c0 .86-.699 1.558-1.559 1.558-.86.018-1.559-.699-1.559-1.559Zm8.728 4.139c-1.076 1.075-3.119 1.147-3.71 1.147-.61 0-2.652-.09-3.71-1.147a.4.4 0 0 1 0-.573.4.4 0 0 1 .574 0c.68.68 2.114.914 3.136.914 1.022 0 2.473-.233 3.136-.914a.4.4 0 0 1 .574 0 .436.436 0 0 1 0 .573Zm-.287-2.563a1.56 1.56 0 0 1 0-3.118c.86 0 1.56.699 1.56 1.56 0 .841-.7 1.558-1.56 1.558Z"/></svg>
jasmussen
approved these changes
Aug 18, 2022
|
Thanks @jasmussen, I will update the SVG! That's also a very handy link, I did not know about that 🙌 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What?
Updated the Reddit icon and color used in the Social Icons block.
Why?
The Reddit icon and color currently used in the Social Icons block do not match the Reddit brand guidelines.
How?
Update the SVG and color.
Testing Instructions
Screenshots or screencast
Before:
After:
