Semantic UI เทคนิคการใช้งาน Icon แบบละเอียด
//กำหนดขนาด ของ icon เรียงจาก เล็กไปใหญ่นะครับ
class="small home icon"
class="home icon"
class="large home icon"
class="big home icon"
class="huge home icon"
class="massive home icon"
//ใส่ Link มือ ให้ icon
class="close icon link icon"
class="help circle icon link icon"
//หมุนหรือ ปรับความเอียง
class="horizontally flipped cloud icon"
class="vertically flipped cloud icon"
class="clockwise rotated cloud icon"
class="counterclockwise rotated cloud icon"
//ใส่วงกลมครอบ
class="circular users icon"
class="circular teal users icon"
class="circular inverted users icon"
class="circular inverted teal users icon"
//ใส่สี่เหลี่ยมครอบ
class="square users icon"
class="square teal users icon"
class="square inverted users icon"
class="square inverted teal users icon"
//ใส่สีซะหน่อย
class="black users icon"
class="blue user icon"
class="red users icon"
class="green user icon"
class="purple chat icon"
class="teal comment icon"
//inverted contrast
class="inverted black users icon"
class="inverted blue user icon"
class="inverted red users icon"
class="inverted green user icon"
class="inverted purple chat icon"
class="inverted teal comment icon"