Interested in a Patreon Icon

  • Resolved illusorythrall

    (@illusorythrall)


    9 months, 3 weeks ago

    I use this plugin, and have been for a while. I adore it. However, i have recently opened up a patreon account, and would like to have a follow button for it. Is this possible? Maybe with a custom svg like you had me do for Throne? (see post from 3 months ago)

    Thanks again for a great plug-in!!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author micropat

    (@micropat)

    9 months, 1 week ago

    For sure, thanks for your kind words!

    Here’s the code from last time modified to include Patreon:

    <div class="a2a_kit a2a_kit_size_42 a2a_default_style a2a_follow" data-a2a-icon-color="#180023,#04c77c">
      <a class="a2a_button_x" href="https://x.com/IllusoryThrall"></a>
      <a class="a2a_button_bluesky" href="https://bsky.app/profile/illusorythrall.bsky.social"></a>
      <a class="a2a_button_instagram" href="https://www.instagram.com/illusorythrall/"></a>
      <a class="a2a_button_discord" href="https://discord.gg/XweHZmQKVX"></a>
      <a class="a2a_button_youtube" href="https://www.youtube.com/channel/UCMdIWlxsUkYMS4kBhTRQxAA/"></a>
      <a class="a2a_button_twitch" href="https://www.twitch.tv/illusorythrall"></a>
      <a class="a2a_button_steam" href="https://steamcommunity.com/id/Bruj"></a>
      <a href="https://throne.com/illusorythrall">
        <span class="a2a_svg" style="background-color: #180023; width: 42px; line-height: 42px; height: 42px; background-size: 42px; border-radius: 6px;">
         <svg title="Throne" xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="none"><path fill="#04c77c" d="M27.634 21.692c-.11.223-.254.424-.428.6l-5.38 5.513c-.247.254-.476.608-.83.608-.368 0-.602-.373-.858-.636l-5.356-5.486a1.39 1.39 0 0 1-.086-.092c-.601-.675-.717-1.65-.293-2.482l6.068-11.912a.614.614 0 0 1 .524-.286.61.61 0 0 1 .517.274l3.042 5.97 3.041 5.972c.32.626.334 1.358.04 1.957ZM21.18 32.018 6.028 16.586l-.048-.05a.598.598 0 0 0-.38-.136.636.636 0 0 0-.492.243.583.583 0 0 0-.086.503l4.409 15.2c.105.364.276.7.51 1 .028.038.06.075.09.11.524.609 1.313.942 2.132.942.318 0 .64-.05.951-.155a24.98 24.98 0 0 1 7.07-1.253c.206-.015.41-.028.613-.038a.575.575 0 0 0 .425-.221c.1-.128.138-.29.107-.446a.547.547 0 0 0-.149-.266v-.001Zm15.544-15.524v.001c-.192-.13-.437-.123-.692.03a.592.592 0 0 0-.114.09L22.94 29.856a.558.558 0 0 0-.002.787l2.27 2.326c.27.276.615.465 1.002.547 1.03.217 2.051.502 3.038.847.23.08.468.12.708.12.297 0 .595-.061.878-.182.49-.2.912-.516 1.223-.915.232-.298.405-.635.512-1.001l4.41-15.207a.613.613 0 0 0 .02-.203.57.57 0 0 0-.276-.48Z"/></svg>
        </span>
      </a>
      <a href="https://www.patreon.com/illusorythrall">
        <span class="a2a_svg" style="background-color: #180023; width: 42px; line-height: 42px; height: 42px; background-size: 42px; border-radius: 6px;">
          <svg title="Patreon" xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="none"><path fill="#04c77c" d="M32.5 15.973c-.004-3.217-2.51-5.853-5.448-6.804-3.65-1.181-8.464-1.01-11.949.634-4.224 1.994-5.55 6.36-5.6 10.714-.04 3.58.316 13.01 5.635 13.078 3.952.05 4.54-5.043 6.37-7.495 1.3-1.745 2.976-2.238 5.038-2.748 3.544-.877 5.96-3.674 5.954-7.38Z"/></svg>
    	</span>
      </a>
      <a class="a2a_button_email" href="mailto:example@example.com"></a>
    </div>

    Just replace the example email address and you should be good to go.

    Thread Starter illusorythrall

    (@illusorythrall)

    9 months ago

    You are amazing. It worked perfectly!!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Interested in a Patreon Icon’ is closed to new replies.