สร้างไอคอน

 icon ( name , class = NULL , lib = "font-awesome" )

	name         ชื่อของไอคอน ไอคอนจะถูกวาดจากห้องสมุด Font Favourite และ Glyphicons " โปรดทราบว่าคำนำหน้า" fa- "และ" glyphicon- "ไม่ควรใช้ในชื่อไอคอน (เช่นไอคอน" fa-calendar "ควรถูกเรียกว่า" calendar ")
	class         ชั้นเรียนเพิ่มเติมเพื่อปรับแต่งสไตล์ของไอคอน (ดู ตัวอย่างการใช้งาน สำหรับรายละเอียดเกี่ยวกับรูปแบบที่สนับสนุน)
	lib             ห้องสมุดไอคอนที่จะใช้ ("font-awesome" หรือ "glyphicon")

ลักษณะ

สร้างไอคอนเพื่อใช้ภายในเพจ ไอคอนสามารถปรากฏขึ้นเองภายในปุ่มหรือเป็นไอคอนสำหรับ tabPanel ภายใน navbarPage

ตัวอย่าง

icon("calendar")               # standard icon

<i class="fa fa-calendar"></i>


icon("calendar", "fa-3x")      # 3x normal size

<i class="fa fa-calendar fa-3x"></i>


icon("cog", lib = "glyphicon") # From glyphicon library

<i class="glyphicon glyphicon-cog"></i>


# add an icon to a submit button
submitButton("Update View", icon = icon("refresh"))

<div>
  <button type="submit" class="btn btn-primary">
    <i class="fa fa-refresh"></i>
    Update View
  </button>
</div>


navbarPage("App Title",
  tabPanel("Plot", icon = icon("bar-chart-o")),
  tabPanel("Summary", icon = icon("list-alt")),
  tabPanel("Table", icon = icon("table"))
)

<nav class="navbar navbar-default navbar-static-top" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header">
      <span class="navbar-brand">App Title</span>
    </div>
    <ul class="nav navbar-nav">
      <li class="active">
        <a href="#tab-9571-1" data-toggle="tab" data-value="Plot">
          <i class=" fa fa-bar-chart-o fa-fw"></i>
          Plot
        </a>
      </li>
      <li>
        <a href="#tab-9571-2" data-toggle="tab" data-value="Summary">
          <i class=" fa fa-list-alt fa-fw"></i>
          Summary
        </a>
      </li>
      <li>
        <a href="#tab-9571-3" data-toggle="tab" data-value="Table">
          <i class=" fa fa-table fa-fw"></i>
          Table
        </a>
      </li>
    </ul>
  </div>
</nav>
<div class="container-fluid">
  <div class="tab-content">
    <div class="tab-pane active" data-value="Plot" data-icon-class="fa fa-bar-chart-o" id="tab-9571-1"></div>
    <div class="tab-pane" data-value="Summary" data-icon-class="fa fa-list-alt" id="tab-9571-2"></div>
    <div class="tab-pane" data-value="Table" data-icon-class="fa fa-table" id="tab-9571-3"></div>
  </div>
</div>