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"