Using SVG Icons

  • lshiv

    (@shivamber)


    5 years, 1 month ago

    Great plugin. I am using on a site that also has Genesis “Simple Social Icons” which are svg Icons.

    Is there an easy way to configure this plugin to use the same icons?

    If not, how would you suggest switching from font awesome to svg?

    Thank you

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Robin Cornett

    (@littlerchicken)

    5 years, 1 month ago

    I’ve written a general tutorial on using SVG icons in Scriptless and it’s how I add custom icons on my site.

    If you want to use the icons provided by Simple Social Icons, I’ve put together a snippet which copies that SVG output and uses it in the Scriptless buttons. Note: these icons will only work on posts/pages where there is a Simple Social Icons widget, unless you also add the CSS/JS enqueues from that plugin to your entire site as well.

    In either case, you can add these functions to your functions.php file or wherever you keep similar code–please make sure you have backups and practice safe coding.

    Thread Starter lshiv

    (@shivamber)

    5 years, 1 month ago

    Thank you for the snippet Robin.

    I have added it to the site, and the buttons show ok, with the text, but no icon.
    Cleared all caches, etc, but still no icons.
    Any ideas?
    Thanks so much.

    Plugin Author Robin Cornett

    (@littlerchicken)

    5 years, 1 month ago

    Make sure the Simple Social Icons style/script files are being output on the front end, or that a widget instance of it is active (which should do the same thing). If you can share an affected URL, I may be able to tell more, but otherwise, I’m just guessing.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Using SVG Icons’ is closed to new replies.