Kode Icons dan Button

Di dalam JetTheme Blogger Template terdapat 24 icon siap pakai, dibawah ini adalah tampilan icon dan cara menggunakannya.

Whatsapp

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-whatsapp"/></svg>

Pinterest

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-pinterest"/></svg>

Tumblr

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-tumblr"/></svg>

Twitter

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-twitter"/></svg>

Linkedin

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-linkedin"/></svg>

Facebook

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-facebook"/></svg>

Instagram

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-instagram"/></svg>

Youtube

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-youtube"/></svg>

Telegram

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-telegram"/></svg>

Github

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-github"/></svg>

Arrow Bottom

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-arrow-b"/></svg>

Arrow Left

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-arrow-l"/></svg>

Arrow Right

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-arrow-r"/></svg>

Arrow Top

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-arrow-t"/></svg>

User

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-user"/></svg>

Clock

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-clock"/></svg>

Comment

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-comment"/></svg>

Menu

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-menu"/></svg>

Mail

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-mail"/></svg>

Pencil

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-edit"/></svg>

Close

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-close"/></svg>

Search

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-search"/></svg>

Check

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-check"/></svg>

Download

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-download"/></svg>

Kode Button

Click Here

<a class="btn jt-btn-primary mb-2 me-2" href="#">Click Here</a>

Download Here

<a class="btn jt-btn-primary mb-2 me-2" href="#"><svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-download"/></svg> Download Here</a>

Click Here Click Here Click Here Click Here

<a class="btn btn-sm jt-btn-primary mb-2 me-2" href="#">Click Here</a>
<a class="btn rounded-pill jt-btn-primary mb-2 me-2" href="#">Click Here</a>
<a class="btn btn-lg jt-btn-primary mb-2 me-2" href="#">Click Here</a>
<a class="btn jt-btn-outline-primary mb-2 me-2" href="#">Click Here</a>