• Nikolai

    (@nikolaimoskito)


    Hi there! First off thank you for the amazing plugin as this was exactly what I was looking for!
    I noticed that you used outline logos for whatsapp and reddit which is kind of different to all the other logos. Would be nice if you could change those logos also to the fill version. Would give a much more consistent look.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Nick Diego

    (@ndiego)

    Hi @nikolaimoskito,

    I pulled the Reddit logo from the Social Icons block in WordPress core. But looking at their brand guidelines, it should definitely be updated. I will take care of that in the next release and am also going to write a PR to get this fixed in WordPress as well.

    For WhatsApp however, their brand guidelines unfortunately do not support a filled logo.

    I’ll follow up once the next release is out and the Reddit logo is updated.

    Best,
    Nick

    Thread Starter Nikolai

    (@nikolaimoskito)

    Plugin Author Nick Diego

    (@ndiego)

    Ah I see what you mean. The logos in this plugin can only be a single color so they can support the color switching, which matches the Social Icons block in WordPress core. Sorry for the inconvenience!

    Best,
    Nick

    Thread Starter Nikolai

    (@nikolaimoskito)

    Hey Nick, got it. Hoewever I don’t understand from your answer if you are updating it though. The logo I send to you could also be filled with a single color and thus would provide a much more consistent look.
    Here is the svg code to show you what I mean.

    <?xml version=”1.0″ encoding=”UTF-8″?>
    <svg id=”Ebene_1″ data-name=”Ebene 1″ xmlns=”https://www.w3.org/2000/svg&#8221; width=”148.53″ height=”149.19″ viewBox=”0 0 148.53 149.19″>
    <defs>
    <style>
    .cls-1 {
    fill: none;
    }

    .cls-2, .cls-3 {
    fill: #fff;
    }

    .cls-4 {
    fill: #b3b3b3;
    }

    .cls-5 {
    fill: #7945ff;
    }

    .cls-3 {
    fill-rule: evenodd;
    }
    </style>
    </defs>
    <path class=”cls-4″ d=”M41.57,125.65l2.24,1.32c9.39,5.57,20.15,8.52,31.13,8.52h.02c33.71,0,61.14-27.43,61.15-61.13,0-16.33-6.35-31.7-17.9-43.25-11.44-11.51-27.01-17.97-43.23-17.93-33.73,0-61.17,27.42-61.18,61.13-.02,11.51,3.22,22.79,9.35,32.53l1.46,2.31-6.18,22.56,23.15-6.07ZM.76,149.19l10.44-38.11C4.76,99.92,1.37,87.27,1.37,74.31,1.39,33.75,34.39,.76,74.95,.76c19.68,.01,38.15,7.67,52.05,21.57,13.89,13.9,21.54,32.38,21.53,52.04-.02,40.55-33.03,73.55-73.58,73.55h-.03c-12.31,0-24.41-3.09-35.16-8.95L.76,149.19Z”/>
    <path class=”cls-2″ d=”M0,148.44l10.44-38.11C3.99,99.14,.6,86.46,.62,73.55,.63,32.99,33.64,0,74.2,0c19.68,.01,38.15,7.67,52.05,21.57,13.89,13.9,21.54,32.38,21.53,52.04-.02,40.55-33.03,73.55-73.58,73.55h-.03c-12.31,0-24.41-3.09-35.16-8.95L0,148.44Z”/>
    <path class=”cls-1″ d=”M74.22,12.42c-33.73,0-61.17,27.42-61.18,61.13-.02,11.51,3.22,22.79,9.35,32.53l1.46,2.31-6.18,22.56,23.15-6.07,2.24,1.32c9.39,5.57,20.15,8.52,31.13,8.52h.02c33.71,0,61.14-27.43,61.15-61.13,.05-16.23-6.39-31.8-17.9-43.25-11.44-11.51-27.01-17.97-43.24-17.93h0Z”/>
    <path class=”cls-5″ d=”M74.22,12.42c-33.73,0-61.17,27.42-61.18,61.13-.02,11.51,3.22,22.79,9.35,32.53l1.46,2.31-6.18,22.56,23.15-6.07,2.24,1.32c9.39,5.57,20.15,8.52,31.13,8.52h.02c33.71,0,61.14-27.43,61.15-61.13,.05-16.23-6.39-31.8-17.9-43.25-11.44-11.51-27.01-17.97-43.23-17.93Z”/>
    <path class=”cls-3″ d=”M55.81,42.8c-1.38-3.06-2.83-3.12-4.14-3.18l-3.52-.04c-1.23,0-3.22,.46-4.9,2.3s-6.44,6.29-6.44,15.33,6.59,17.78,7.51,19.01,12.72,20.38,31.41,27.75c15.53,6.12,18.69,4.91,22.06,4.6s10.88-4.45,12.41-8.74,1.53-7.97,1.07-8.74-1.68-1.23-3.53-2.15-10.88-5.37-12.56-5.98-2.91-.92-4.14,.92-4.75,5.98-5.82,7.21-2.14,1.38-3.98,.46-7.76-2.86-14.78-9.12c-5.46-4.87-9.15-10.89-10.23-12.73s-.11-2.83,.81-3.75c.82-.82,1.84-2.15,2.76-3.22s1.22-1.84,1.84-3.07,.31-2.3-.15-3.22-4.03-10.01-5.67-13.65″/>
    </svg>

    Plugin Author Nick Diego

    (@ndiego)

    Hi @nikolaimoskito,

    The SVG provides has two colors, the purple fill and then the white border around it. Given the way this plugin’s color controls work, the social icon SVG can only have a single fill color. This allows you to change both the icon color and the background color if you choose the Default or Pill Shaped display options. Removing the white border, or also filling it with purple, results in an icon that does not meet WhatsApp’s brand guidelines.

    So I’m sorry, but I will not be updating the WhatsApp icon. That said, you are more than welcome to fork the plugin and configure it however you want. Here is the link to plugin on GitHub and the folder with the icon SVGs can be found here. The readme has development steps to get started.

    I should have a fresh release of the plugin with the Reddit update out by Monday.

    Best,
    Nick

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Update WhatsApp and Reddit Logo’ is closed to new replies.