1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Registration Email Allowed In Our Database :  Yahoo * Gmail * Hotmail * Outlook * yandex * live * are allowed to register in our database. [ We Will Approve Manually After Review It ]

Add-on SVG Basic Smilie pack 1.0

This smilie pack replaces the default sprite smilies with SVG smilies

  1. SM€GGLE
    Compatible XF Versions:
    • 1.5
    I'm configuring my new Xenforo forum and I was wondering if I was able to add high res SVG smilies to my forum. Because I noticed that the default sprite smilies didn't look very nice on high res screens like tablets and phones.

    Another advantage is that they consume very low bandwith, these twelve smilies are only 13.5 kB in total!

    It turned out to be pretty simple and I made a smilies pack everyone can install.

    Note: I think it will work on older versions too, but I only tested it on my version (1.5.3).

    Here you see how the SVG smilies look like. I will try to add additional smilie pack in the future.

    This current SVG smilie pack was made to replace the default Xenforo smilies only.

    The SVG Smilies on a desktop PC in Google Chrome:


    • li" data-history="on" style="margin: 0px 0px 10px; padding: 0px 10px; font-size: 11px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(165, 202, 228); word-wrap: normal; min-height: 23px; display: table; width: 992px; box-sizing: border-box; background: url("styles/default/xenforo/gradients/form-button-white-25px.png") 50% 0% repeat-x rgb(240, 247, 252);">
    • Media
    • Information
    • 1.jpg
    SVG Smilies in Chrome browser by MstrfBlng posted Dec 15, 2015 at 2:40 PM

    And on a Nexus 6 phone:


    • li" data-history="on" style="margin: 0px 0px 10px; padding: 0px 10px; font-size: 11px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(165, 202, 228); word-wrap: normal; min-height: 23px; display: table; width: 992px; box-sizing: border-box; background: url("styles/default/xenforo/gradients/form-button-white-25px.png") 50% 0% repeat-x rgb(240, 247, 252);">
    • Media
    • Information
    • 2.jpg
    SVG Smilies on a high-res screen by MstrfBlng posted Dec 15, 2015 at 2:40 PM

    And zoomed in on the Nexus 6 phone:


    • li" data-history="on" style="margin: 0px 0px 10px; padding: 0px 10px; font-size: 11px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(165, 202, 228); word-wrap: normal; min-height: 23px; display: table; width: 992px; box-sizing: border-box; background: url("styles/default/xenforo/gradients/form-button-white-25px.png") 50% 0% repeat-x rgb(240, 247, 252);">
    • Media
    • Information
    • 4.jpg
    SVG Smilies on a high-res screen by MstrfBlng posted Dec 15, 2015 at 2:40 PM

    And this is how they show in your admin panel:


    • li" data-history="on" style="margin: 0px 0px 10px; padding: 0px 10px; font-size: 11px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(165, 202, 228); word-wrap: normal; min-height: 23px; display: table; width: 992px; box-sizing: border-box; background: url("styles/default/xenforo/gradients/form-button-white-25px.png") 50% 0% repeat-x rgb(240, 247, 252);">
    • Media
    • Information
    • 5.jpg
    This is how the smilies look in your admin panel by MstrfBlng posted Dec 15, 2015 at 2:40 PM