İkonlar

T-Soft İkon Kütüphanesi#

v5 ikonları (varsayılan)#

ti-phone

ti-heart-o

ti-heart

ti-user-alt

ti-basket

ti-check

ti-arrow-down

ti-arrow-left

ti-arrow-right

ti-arrow-up

ti-search

ti-shuffle

ti-location

ti-mail-o

ti-homepage

ti-plus

ti-minus

ti-menu

ti-comment-o

ti-bell-o

ti-star

ti-star-empty

ti-thumbs-up-o

ti-thumbs-down-o

ti-chat-o

ti-chat

ti-cw

ti-close

ti-calendar

ti-shop

ti-order-follow-up

ti-print

ti-trash-o

ti-pencil

ti-user

ti-basket-outline

ti-zoom-in

ti-zoom-out

ti-store

ti-gift

ti-clipboard

ti-chat-alt

ti-power-off

ti-credit-card

ti-database

ti-logout

ti-login

ti-return

ti-user-add

ti-user-delete

ti-user-add-o

ti-user-delete-o

ti-box

ti-eye

ti-eye-off

ti-truck

ti-truck-o

ti-picture

ti-tag

ti-tags

ti-download

ti-upload

ti-th

ti-th-large

ti-play

ti-stop

ti-pause

ti-resize-full

ti-resize-small

ti-comment-multiple

ti-twitter

ti-facebook

ti-filter

ti-copy

ti-gplus

ti-mail

ti-linkedin

ti-download-cloud

ti-upload-cloud

ti-bell

ti-angle-double-left

ti-angle-double-right

ti-angle-double-up

ti-angle-double-down

ti-angle-left

ti-angle-right

ti-angle-up

ti-angle-down

ti-circle-o

ti-circle

ti-help

ti-attention-alt

ti-euro

ti-dollar

ti-thumbs-up

ti-thumbs-down

ti-youtube

ti-youtube-play

ti-instagram

ti-tumblr

ti-try

ti-google

ti-apple

ti-reddit

ti-file-image

ti-lifebuoy

ti-share

ti-share-squared

ti-trash

ti-copyright

ti-at

ti-pinterest

ti-whatsapp

ti-clone

ti-credit-card-alt

ti-question-circle-o

ti-volume-phone

ti-comment

ti-globe

ti-order-follow-up

ti-paper-plane

ti-paper-plane-o

Kullanım#

<i class="ti-[icon class]"></i>

Örnek Kullanım#

<i class="ti-comment"></i>

Standart tema ikon setleri#

İkon setleri; v5 varsayılan ikonlar haricinde T-Soft bünyesinde geliştirilmiş, standart temalar için fazladan eklenmiş veya değiştirilmiş ikonlar ile hazırlanmış kütüphanelerdir. Özel temaları kapsamamaktadır. Projeye sonradan dahil edilerek isteğe bağlı özel temada kullanılır.

Sadece o temanın kütüphanesinde olan ikonlar, arkaplanı farklı renk ile vurgulanmıştır. ^{[sarı renk]}

Kullanım: #

Kullanmak istediğiniz temada @import etmeniz durumunda projenize seçtiğiniz ikon kütüphanesinin değerleri gelmektedir. Tekrarlayan classlar ezilmektedir.
Projenize ekstra dosya dahil ederek kullanım sağlanır.
İlgili temanın ikon kütüphanesini kullanmak için tema yüklü olmak zorundadır.

Mango teması ikonları#

Projeye Dahil etme#

Mango ikon set dosyası indirilerek assets/fonts/ dizinine yüklenir.
style.scss dosyasına @import edilir.

İndirme Bağlantıları#

mango-icon.scss

tema dizinindeki style.scss dosyasına @include BLOCK içine eklenmelidir

@include BLOCK {
  @import "fonts/mango-icon.scss";
  ...
}

ti-basket

ti-search

ti-shuffle

ti-trash-o

ti-box

ti-basket-outline

ti-heart-o-2x

ti-gift

ti-database

ti-stock

ti-remittance

ti-alert-list

ti-credit-card-alt

ti-clipboard

ti-user-delete

ti-calendar

ti-mail-outline

ti-user

ti-heart

ti-heart-o

ti-location

ti-location-outline

ti-pencil

ti-phone

ti-volume-phone

ti-power-off

Basic teması ikonları#

Projeye Dahil etme#

Basic ikon set dosyası indirilerek assets/fonts/ dizinine yüklenir.
style.scss dosyasına @import edilir.

İndirme Bağlantıları#

basic-icon.scss

tema dizinindeki style.scss dosyasına @include BLOCK içine eklenmelidir

@include BLOCK {
  @import "fonts/basic-icon.scss";
  ...
}

ti-arrow-left

ti-arrow-right

ti-heart

ti-heart-o

ti-basket-outline

ti-user

ti-gift

ti-database

ti-location

ti-bell

ti-dollar

ti-bell-o

ti-chat-alt

ti-power-off

ti-credit-card-alt

ti-clipboard

ti-user-delete

ti-recommend

ti-play

icon-ti-calendar

ti-share

Vesti teması ikonları#

Projeye Dahil etme#

Vesti ikon set dosyası indirilerek assets/fonts/ dizinine yüklenir.
style.scss dosyasına @import edilir.

İndirme Bağlantıları#

vesti-icon.scss

tema dizinindeki style.scss dosyasına @include BLOCK içine eklenmelidir

@include BLOCK {
  @import "fonts/vesti-icon.scss";
  ...
}

ti-box

ti-file-image

ti-print

ti-calendar

ti-pencil

ti-shuffle

ti-user-outline

ti-user

ti-basket-outline

ti-basket-outline-2x

ti-location

ti-search

ti-phone-outline

ti-bag-outline

ti-cargo-tracking

ti-clipboard

ti-remittance

ti-credit-card-alt

ti-stock-alert

ti-database

ti-location-2x

ti-price-alert

ti-chat-alt

ti-power-off

ti-gift

ti-heart-o-2x

ti-trash-o

ti-filter

Petboutiq teması ikonları#

Projeye Dahil etme#

Petboutiq ikon set dosyası indirilerek assets/fonts/ dizinine yüklenir.
style.scss dosyasına @import edilir.

İndirme Bağlantıları#

petboutiq-icon.scss

tema dizinindeki style.scss dosyasına @include BLOCK içine eklenmelidir

@include BLOCK {
  @import "fonts/petboutiq-icon.scss";
  ...
}

ti-heart-o

ti-truck-o

ti-basket

ti-search

ti-search-o

ti-purse

ti-shuffle

ti-user

ti-gift

ti-stock-alert

ti-database

ti-location

ti-credit-card-alt

ti-clipboard

ti-calendar

ti-user-delete

ti-mail-outline

ti-pencil

ti-remittance

ti-order-track

ti-home