ប្រសិនបើអ្នកមិនចង់រចនារូបតំណាង (icon) ដោយខ្លួនឯង អ្នកអាចយក icon ដែលគេធ្វេីរួចស្រាប់ ងាយស្រួលប្រើប្រាស់ ហើយស្អាតៗដែលអាចធ្វើឲ្យវេបសាយរបស់អ្នកមើលទៅមានភាពស្រស់ស្អាត និងមិនបាច់បង់ប្រាក់។ អត្ថបទនេះនឹងបង្ហាញអ្នកអំពីវេបសាយផ្សេងៗដែលផ្តល់ icon ទាំងនោះនិងរបៀបប្រើប្រាស់ដូចខាងក្រោម៖
១) Appa Sariicon៖ មាន icon ទាំងអស់ចំនួន ១៤៧។
ដើម្បីប្រើ icon ពីវេបសាយនេះតំបូងត្រូវបញ្ជូលកូដដូចខាងក្រោមទៅក្នុងអត្ថបទ HTML ។
<link rel=“stylesheet“ href=“/appa-sariicon.min.css“>
បន្ទាប់មកបញ្ជូលកូតនេះនៅកន្លែងណាដែលអ្នកចង់បង្ហាញវានៅក្នុងអត្ថបទHTML ។
<i class="sar sar-env"></i>
sar-env គឺឈ្មោះ icon ។ សូមមើលវេបសាយដើម្បីស្វែងរកឈ្មោះ icon ផ្សេងៗទៀត។
២) Ionicons ៖ មាន icon ទាំងអស់ចំនួន ៧៣៣។
ដើម្បីប្រើ icon ពីវេបសាយនេះតំបូងត្រូវបញ្ជូលកូដដូចខាងក្រោមទៅក្នុងអត្ថបទ HTML ។
<link rel=“stylesheet“ href=“http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css“>
បន្ទាប់មកបញ្ជូលកូតនេះនៅកន្លែងណាដែលអ្នកចង់បង្ហាញវានៅក្នុងអត្ថបទHTML ។
<i class="icon ion-home"></i>ion-home គឺឈ្មោះ icon ។ សូមមើលវេបសាយដើម្បីស្វែងរកឈ្មោះ icon ផ្សេងៗទៀត។៣) Font Awesome៖ មាន icon ទាំងអស់ចំនួន ៦៣៤។
ចំពោះរបៀបប្រើសូមមើសអត្ថបទនេះ។
៤) ZURB Studios ៖ មាន icon ទាំងអស់ចំនួន ២៨៣។
ដើម្បីប្រើ icon ពីវេបសាយនេះតំបូងត្រូវបញ្ជូលកូដដូចខាងក្រោមទៅក្នុងអត្ថបទ HTML ។
<link rel=”stylesheet” href=”https://cdn.jsdelivr.net/foundation-icons/3.0/foundation-icons.min.css”>
បន្ទាប់មកបញ្ជូលកូតនេះនៅកន្លែងណាដែលអ្នកចង់បង្ហាញវានៅក្នុងអត្ថបទHTML ។
<i class="fi-[icon]"></i>
[icon] គឺឈ្មោះ icon ។ សូមមើលវេបសាយដើម្បីស្វែងរកឈ្មោះ icon ផ្សេងៗទៀត។
៥) Material icons ៖ មាន icon ទាំងអស់ចំនួជាង ៩០០។
ដើម្បីប្រើ icon ពីវេបសាយនេះតំបូងត្រូវបញ្ជូលកូដដូចខាងក្រោមទៅក្នុងអត្ថបទ HTML ។
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">បន្ទាប់មកបញ្ជូលកូតនេះនៅកន្លែងណាដែលអ្នកចង់បង្ហាញវានៅក្នុងអត្ថបទHTML ។
<i class="material-icons">face</i>
face គឺឈ្មោះ icon ។ សូមមើលវេបសាយដើម្បីស្វែងរកឈ្មោះ icon ផ្សេងៗទៀត។