JQuery Icon是一種JQuery UI的小部件，用于創建和顯示圖標。這些圖標通常用于操作按鈕，菜單項和其他類似的UI元素。其中包括各種預定義圖標，包括箭頭、折疊、展開和關閉圖標等。

使用JQuery Icon并不難。首先，需要在代碼中引入JQuery庫和JQuery UI庫，如下：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" >

然后，使用HTML代碼創建一個圖標元素，如下：

<span id="myIcon" class="ui-icon ui-icon-heart"></span>

在這里，我們使用一個具有“myIcon” ID的<span>元素，并使用“ui-icon”和“ui-icon-heart”類添加一個心形圖標。現在，我們可以在javascript代碼中使用該圖標進行各種操作：

// 設置圖標大小
$("#myIcon").css("font-size", "24px");
// 隱藏圖標
$("#myIcon").hide();
// 顯示圖標
$("#myIcon").show();

使用JQuery Icon可以大大簡化圖標的創建和管理，并為您的網站或應用程序提供更加一致和專業的外觀。