Here are the main codes from this tutorial. Don't forget to change up the color to a web-safe color name, HEX color code, RGB/RGBA or HSL/HSLA color to match your own site! //--Header Icons .header-actions .icon--fill svg {fill:orange!important} //--Header Icon Hover .header-actions .icon--fill svg:hover {fill:yellow!important; transform:scale(1.5); filter:drop-shadow(2px 2px 0px orange)} //--Mobile Menu Icons .header--menu-open .header-menu .icon svg {fill:purple!important} //--On Page Icons .sqs-use--icon {fill:purple!important;} .sqs-use--mask {fill:pink!important;} .sqs-svg-icon--wrapper {border-color:red!important}
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter