開源icon css是一個用來方便地在網頁中加入圖標的工具。它為開發者提供了一個代碼庫，包含了數千個不同的圖標，可以通過css類名簡單地在網頁中引用。

使用開源icon css需要兩個步驟。第一步是選取需要的圖標，可以在官網或者GitHub上查找，或者直接瀏覽其提供的圖標庫。第二步是將引用代碼復制粘貼到項目中，然后在需要加入圖標的地方使用相應的類名即可。

<i class="icon-heart"></i>

上述代碼就是引用一個名為“heart”的圖標。可以通過css樣式來修改圖標的顏色、大小、位置等。例如，將上述代碼使用以下css樣式：

.icon-heart {
color: red;
font-size: 30px;
margin-left: 20px;
}

就會得到一個紅色、大小為30像素，左邊距為20像素的心形圖標。開源icon css提供了眾多圖標，開發者可以根據自己的需求靈活使用，既方便了開發，也提高了頁面效果。