Icons dan Button

Global Icon

Dijettheme kami juga menyediakan 24 icons yang sudah siap digunakan dibawah ini adalah tampilan icon dan cara pengunaanya

Whatsapp
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-whatsapp"/></svg>
Pinterest
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-pinterest"/></svg>
Tumblr
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-tumblr"/></svg>
Twitter
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-twitter"/></svg>
Linkedin
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-linkedin"/></svg>
Facebook
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-facebook"/></svg>
Instagram
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-instagram"/></svg>
Youtube
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-youtube"/></svg>
Telegram
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-telegram"/></svg>
Github
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-github"/></svg>
Arrow Bottom
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-arrow-b"/></svg>
Arrow Left
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-arrow-l"/></svg>
Arrow Right
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-arrow-r"/></svg>
Arrow Top
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-arrow-t"/></svg>
User
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-user"/></svg>
Clock
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-clock"/></svg>
Comment
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-comment"/></svg>
Menu
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-menu"/></svg>
Mail
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-mail"/></svg>
Pencil
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-edit"/></svg>
Close
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-close"/></svg>
Search
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-search"/></svg>
Check
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-check"/></svg>
Download
<svg aria-hidden="true" height="1em" style="vertical-align:-.15em" width="1em"><use xlink:href="#i-download"/></svg>

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" height="1em" style="vertical-align:-.15em" width="1em"><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 btn-outline-color mb-2 me-2" href="#">Click Here</a>
Previous Post
2 Comments
  • KhoirulHD
    KhoirulHD 21 April, 2021

    templatenya mantep banget kak, sukses trus

    • jettheme
      jettheme 21 April, 2021

      Terimakasih, semoga bermanfaat

Add Comment
comment url