[wp-trac] [WordPress Trac] #60432: Social icons
WordPress Trac
noreply at wordpress.org
Sun Feb 4 14:27:58 UTC 2024
#60432: Social icons
-----------------------------+-----------------------------
Reporter: svub | Owner: (none)
Type: feature request | Status: new
Priority: normal | Milestone: Awaiting Review
Component: Widgets | Version: 6.4.3
Severity: normal | Keywords:
Focuses: ui |
-----------------------------+-----------------------------
Hi.
There are my ideas for improvement of icons in Social block.
Feed icon resize I use:
{{{
'feed' => array(
'name' => 'RSS Feed',
'icon' => '<svg width="24" height="24" viewBox="-2
-2 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-
hidden="true" focusable="false"><path
d="M2,8.667V12c5.515,0,10,4.485,10,10h3.333C15.333,14.637,9.363,8.667,2,8.667z
M2,2v3.333 c9.19,0,16.667,7.477,16.667,16.667H22C22,10.955,13.045,2,2,2z
M4.5,17C3.118,17,2,18.12,2,19.5S3.118,22,4.5,22S7,20.88,7,19.5
S5.882,17,4.5,17z"></path></svg>',
),
}}}
Telegram icon resize I use:
{{{
'telegram' => array(
'name' => 'Telegram',
'icon' => '<svg width="24" height="24" viewBox="24
20 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-
hidden="true" focusable="false"><path d="M28.9700376,63.3244248
C47.6273373,55.1957357 60.0684594,49.8368063 66.2934036,47.2476366
C84.0668845,39.855031 87.7600616,38.5708563 90.1672227,38.528
C90.6966555,38.5191258 91.8804274,38.6503351 92.6472251,39.2725385
C93.294694,39.7979149 93.4728387,40.5076237 93.5580865,41.0057381
C93.6433345,41.5038525 93.7494885,42.63857 93.6651041,43.5252052
C92.7019529,53.6451182 88.5344133,78.2034783 86.4142057,89.5379542
C85.5170662,94.3339958 83.750571,95.9420841 82.0403991,96.0994568
C78.3237996,96.4414641 75.5015827,93.6432685 71.9018743,91.2836143
C66.2690414,87.5912212 63.0868492,85.2926952 57.6192095,81.6896017
C51.3004058,77.5256038 55.3966232,75.2369981 58.9976911,71.4967761
C59.9401076,70.5179421 76.3155302,55.6232293 76.6324771,54.2720454
C76.6721165,54.1030573 76.7089039,53.4731496 76.3346867,53.1405352
C75.9604695,52.8079208 75.4081573,52.921662 75.0095933,53.0121213
C74.444641,53.1403447 65.4461175,59.0880351 48.0140228,70.8551922
C45.4598218,72.6091037 43.1463059,73.4636682 41.0734751,73.4188859
C38.7883453,73.3695169 34.3926725,72.1268388 31.1249416,71.0646282
C27.1169366,69.7617838 23.931454,69.0729605 24.208838,66.8603276
C24.3533167,65.7078514 25.9403832,64.5292172 28.9700376,63.3244248 Z"
/></svg>',
),
}}}
Please add Google Photos. Now I use as modified Google icon:
{{{
'google' => array(
'name' => 'Google Photos',
'icon' => '<svg width="24" height="24" viewBox="0
-5 70 70" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-
hidden="true" focusable="false"><path d="M14.75 13.41c8.146 0 14.75 6.603
14.75 14.75v1.34H1.34C.6 29.5 0 28.9 0 28.16c0-8.147 6.604-14.75
14.75-14.75z"/><path d="M45.59 14.75c0 8.146-6.603 14.75-14.75
14.75H29.5V1.34C29.5.6 30.1 0 30.84 0c8.147 0 14.75 6.604 14.75
14.75z"/><path d="M44.25 45.59c-8.146
0-14.75-6.603-14.75-14.75V29.5h28.16c.74 0 1.34.6 1.34 1.34 0 8.147-6.604
14.75-14.75 14.75z"/><path d="M13.41 44.25c0-8.146 6.603-14.75
14.75-14.75h1.34v28.16c0 .74-.6 1.34-1.34 1.34-8.147
0-14.75-6.604-14.75-14.75z"></path></svg>',
),
}}}
Please add GitLab. Now I use as modified GitHub icon:
{{{
'github' => array(
'name' => 'GitLab',
'icon' => '<svg width="24" height="24" viewBox="0
-2 19 19" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-
hidden="false" focusable="false"><path d="M2.97436 0.341889C2.90406
0.130995 2.70297 -0.00815973 2.48083 0.000371457C2.25869 0.00890261
2.06886 0.163071 2.01495 0.378735L0.0149454 8.37874C-0.0309875 8.56247
0.0308284 8.75638 0.174621 8.87963L7.17462 14.8796C7.36187 15.0401 7.63817
15.0401 7.82541 14.8796L14.8254 8.87963C14.9692 8.75638 15.031 8.56247
14.9851 8.37874L12.9851 0.378735C12.9312 0.163071 12.7413 0.00890261
12.5192 0.000371457C12.2971 -0.00815973 12.096 0.130995 12.0257
0.341889L10.1396 6H4.8604L2.97436 0.341889Z"></path></svg>',
),
}}}
Thanks. Bye.
Screenshot:
[[Image(https://www.kopirky.org/images/wp_block_social_icons.png)]]
--
Ticket URL: <https://core.trac.wordpress.org/ticket/60432>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform
More information about the wp-trac
mailing list