<div class="tabs"> <!-- TAB 1 --> <input type="radio" name="tab" id="tab-01" checked /> <label for="tab-01"> <svg> <use xlink:href="#icon-01" class="icon" /> <use xlink:href="#icon-01" class="icon" /> <use xlink:href="#icon-01" class="icon" /> <use xlink:href="#icon-01" class="icon" /> <use xlink:href="#icon-01" class="icon" /> </svg> </label> <!-- TAB 2 --> <input type="radio" name="tab" id="tab-02" /> <label for="tab-02"> <svg> <use xlink:href="#icon-02" class="icon" /> <use xlink:href="#icon-02" class="icon" /> <use xlink:href="#icon-02" class="icon" /> <use xlink:href="#icon-02" class="icon" /> <use xlink:href="#icon-02" class="icon" /> </svg> </label>
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