Demo
            
              <link rel='stylesheet' href='css/PI.css' type='text/css'>

              <span class="pi_gl" style="display: inline-flex;padding: 36px;">
                <svg class="pi_svg_128" viewBox="0 0 24 24"><path fill="#fff" d="M23,11H21V9H19V11H17V13H19V15H21V13H23M8,11V13.4H12C11.8,14.4 10.8,16.4 8,16.4C5.6,16.4 3.7,14.4 3.7,12C3.7,9.6 5.6,7.6 8,7.6C9.4,7.6 10.3,8.2 10.8,8.7L12.7,6.9C11.5,5.7 9.9,5 8,5C4.1,5 1,8.1 1,12C1,15.9 4.1,19 8,19C12,19 14.7,16.2 14.7,12.2C14.7,11.7 14.7,11.4 14.6,11H8Z"></path></svg>
              </span>
            
          
Pho's Icons - Full Colors List
            
              /* don't forget to include header */

              <link rel='stylesheet' href='css/PI.css' type='text/css'>

              /* and add the code to your <span> / <div> / <whatever> tag class, like this : */

              <span class= /* Put the color class here */ >
              </span>
            
          
  • Google +
  • Facebook
  • Twitter
  • DeviantArt
  • Github
  • Twitch
  • Behance
  • Amazon
  • Android
  • Basecamp
  • Blogger
  • Box
  • Disqus
  • Dribbble
  • Etsy
  • Mozilla
  • Gmail
  • Hangout
  • Instagram
  • LinkedIn
  • Pinterest
  • Reddit
  • RSS
  • Tumblr
  • Microsoft
  • Picarto
  • Ponicity
  • Furaffinity
  • Steam
  • XPeridia
  • XDA
  • Skype
  • Slack
  • SoundCloud
  • Discord
  • Userstyles
Pho3's Icons - SVG Sizes
            
              /* Add the following code to SlidR Base */

              <svg class= /* Put the greenlighted code here */  viewBox="0 0 24 24"><path fill="#fff" d="M6,6H12L14,2H18V6L14.5,13H18V18H12L10,22H6V18L9.5,11H6V6Z"></path></svg>


            
          
16px :"pi_svg_16"
20px :"pi_svg_20"
24px :"pi_svg_24"
32px (default) :"pi_svg"
40px :"pi_svg_40"
48px :"pi_svg_48"
64px :"pi_svg_64"
128px :"pi_svg_128"
256px :"pi_svg_256"
Copyright (c) 2017 Phoenix. All Rights Reserved.