CSS搜索小圖標是一種常見的網站設計元素，它可以幫助用戶快速找到搜索框，便于用戶進行搜索。下面介紹三種實現搜索小圖標的CSS代碼。

/* 第一種，使用背景圖片 */
input[type="search"] {
background-image: url(search-icon.png);
background-repeat: no-repeat;
background-position: right center;
padding-right: 25px;
}
/* 第二種，使用偽元素 */
input[type="search"] {
position: relative;
padding-right: 25px;
}
input[type="search"]::after {
content: "";
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-image: url(search-icon.png);
background-repeat: no-repeat;
background-position: center;
}
/* 第三種，使用Web字體 */
@font-face {
font-family: 'SearchIcon';
src: url('searchicon.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
input[type="search"] {
font-family: 'SearchIcon';
font-size: 20px;
padding-right: 25px;
}
/* HTML中的代碼 */

以上三種方法使用各有特點，開發者可以根據項目需求進行選擇。使用背景圖片方法簡單，但需要提供一張圖片；使用偽元素方法比較靈活，但需要CSS3支持；使用Web字體方法可以自定義樣式，但需要額外的字體文件。