CSS圖標在現代Web設計中極其常見，而將它們放在白色背景上可以提高它們的可見性和吸引力。以下是一個簡單的示例：

<style>
.icon{
display: inline-block;
width: 20px;
height: 20px;
background-color: #333;
border-radius: 50%;
}
.icon-home:before{
content: '\f015';
font-family: FontAwesome;
font-size: 16px;
color: #fff;
line-height: 20px;
vertical-align: middle;
text-align: center;
}
</style>
<div class="icon icon-home"></div>

在這個例子中，我們先定義了一個基本的.icon類，該類用于定義圖標的基本樣式。然后，我們使用 FontAwesome 圖標字體，將一個小房子圖標放在了背景圓圈中。

這個例子只展示了一個圖標，但你可以按照同樣的方式定義多個不同樣式的圖標，并將它們放在你的網站上。只要記住將它們放在白色背景上，這樣它們就能夠更顯眼和引人注目。