CSS 登錄小圖標是現代網站設計中越來越常見的元素，可以為網站添加獨特的風格和品牌形象，提高用戶體驗。

在 CSS 中實現登錄小圖標通常有兩種方法：使用字體圖標或嵌入圖片。下面我們分別看一下這兩種方法的實現代碼。

/* 使用字體圖標的 CSS 代碼 */
.login-icon {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1.5rem;
color: #333;
margin-right: 0.5rem;
}
.login-icon::before {
content: "\f2c1";
}
/* 使用嵌入圖片的 CSS 代碼 */
.login-icon {
display: inline-block;
width: 24px;
height: 24px;
background: url("login-icon.png") no-repeat center center;
background-size: cover;
margin-right: 0.5rem;
}

以上代碼中，第一段使用了 Font Awesome 5 免費版提供的字體圖標庫，通過設置字體的 content 屬性將登錄圖標顯示在網頁上。而第二段則直接使用了一張圖片作為登錄圖標的背景，通過調整背景位置和大小來實現顯示效果。

使用字體圖標的優點是體積小，兼容性好，可以調整圖標的顏色和尺寸等樣式；而使用圖片的優點則在于支持更復雜的圖形和動態效果，兼容性也相對較好。

無論使用哪種方法，都應該注意圖標的美觀與兼容性，并遵循相應的版權和使用規定。