Flatsome Icons

Sunday Web sẽ chia sẻ toàn bộ Flatsome Icons mặc định của Theme Flatsome, đầy đủ nhất và dễ dàng sử dụng

Bạn có thể sử dụng ngay mà không cần cài đặt thêm icon của bên thứ 3.

Bộ Icons đầy đủ của Flatsome

Ví dụ để hiển thị được icon heart, bạn làm các bước như sau:

Hiển thị icon theo thẻ i

<i class="icon-heart"> icon-heart</i>

Hiển thị icon theo thẻ span

<span class="icon-heart" style="font-family:fl-icons;"> icon heart</span>

Toàn bộ Flatsome icon theo dạng :before hay :after

.icon-lock:before{content:"e904"}
.icon-user-o:before{content:"e900"}
.icon-line:before{content:"e903"}
.icon-chat:before{content:"e903"}
.icon-user:before{content:"e901"}
.icon-shopping-cart:before{content:"e908"}
.icon-tumblr:before{content:"e603"}
.icon-gift:before{content:"e604"}
.icon-phone:before{content:"e600"}
.icon-play:before{content:"e605"}
.icon-menu:before{content:"e800"}
.icon-shopping-basket:before{content:"e909"}
.icon-shopping-bag:before{content:"e90a"}
.icon-google-plus:before{content:"e905"}
.icon-heart-o:before{content:"e906"}
.icon-heart:before{content:"e000"}
.icon-500px:before{content:"e601"}
.icon-vk:before{content:"e602"}
.icon-angle-left:before{content:"f104"}
.icon-angle-right:before{content:"f105"}
.icon-angle-up:before{content:"f106"}
.icon-angle-down:before{content:"f107"}
.icon-twitter:before{content:"e001"}
.icon-envelop:before{content:"e003"}
.icon-tag:before{content:"e004"}
.icon-star:before{content:"e005"}
.icon-star-o:before{content:"e006"}
.icon-facebook:before{content:"e002"}
.icon-feed:before{content:"e008"}
.icon-checkmark:before{content:"e00a"}
.icon-plus:before{content:"e00c"}
.icon-instagram:before{content:"e00e"}
.icon-pinterest:before{content:"e010"}
.icon-search:before{content:"e012"}
.icon-skype:before{content:"e011"}
.icon-dribbble:before{content:"e013"}
.icon-certificate:before{content:"f0a3"}
.icon-expand:before{content:"e015"}
.icon-linkedin:before{content:"e016"}
.icon-map-pin-fill:before{content:"e009"}
.icon-pen-alt-fill:before{content:"e017"}
.icon-youtube:before{content:"e018"}
.icon-flickr:before{content:"e019"}
.icon-clock:before{content:"e01a"}
.icon-snapchat:before{content:"e902"}

Thay đổi icon bằng hình khác theo icon mặc định của Flatsome

.i-love-you:before{
   content:"e906";
   font-family: fl-icons;
}

Bạn cảm thấy bài viết Flatsome Icons như thế nào?

Nếu có góp ý bổ sung đừng ngần ngại đặt câu hỏi phía bên dưới cho Sunday Web và chúc các bạn thao tác thành công!

SundayWeb

Website Designer / Developer

Tận Tâm Làm Việc Bằng Cả Trái Tim.

Thiết kế Website – Chia sẻ kiến thức lập trình.