jQuery Mobile Icon是一種圖標化的符號系統，允許開發人員在應用程序中使用各種圖標。這些圖標為用戶提供了直觀且易于理解的視覺指示，幫助用戶快速識別并操作界面元素。

jQuery Mobile Icon包含了一系列的內置圖標和可自定義的圖標，可以通過CSS樣式來修改圖標的大小、顏色、邊框等屬性。

/* 定義圖標的CSS樣式 */
.ui-icon-custom {
background-image: url("custom-icon.png");
background-repeat: no-repeat;
background-size: 18px 18px;
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid darkgray;
}

通過上面的代碼例子，可以看到我們自定義了一個名為"custom-icon"的圖標，并定義了圖標的基本屬性：

• background-image：指定圖標圖片的URL地址
• background-repeat：控制圖標圖片是否重復
• background-size：指定圖標圖片的大小
• width和height：控制圖標的寬度和高度
• border-radius：定義圖標的圓角程度
• border：定義圖標的邊框樣式

在實際開發中，我們可以利用這些CSS屬性來定義不同種類的圖標，并在應用程序中使用它們。

除了自定義圖標，jQuery Mobile Icon還提供了一些內置的圖標，如向左或向右的箭頭、拍照機、文件夾等等。這些內置圖標可以通過添加特定的類名來使用，例如：

<i class="ui-icon ui-icon-arrow-l"></i>

上述代碼片段將在應用程序中顯示一個向左的箭頭。通過更改"ui-icon-arrow-l"中的類名，可以使用不同類型的內置圖標。

總之，jQuery Mobile Icon為我們提供了極大的方便和靈活性，使得我們可以快速地構建出視覺效果良好、易于操作的應用程序。