CSS實現加載圖標可以使用::before和::after偽元素來實現。在HTML的元素上設置class，然后在CSS中定義此class的::before或::after偽元素，即可實現圖標的加載。

.load-icon::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid #ccc;
border-top-color: #222;
animation: spin 0.8s linear infinite;
}
@keyframes spin {
to {transform: rotate(360deg);}
}

以上代碼實現的是一個簡單的旋轉的加載圖標，可以根據實際需求自定義偽元素的樣式來實現不同的加載圖標。