HTML要素のCSSクラスに新しいアイコンを追加する方法

Question

私のアイコンを別のリンクからHTML要素に追加し、クリック可能にしたいと思います。

クラス、クラス名アイコンに関連付けられたアイコン。

<a href="#" class="icon" title="shareStatus"></a>

注： 私は別のソースからのアイコンを取る必要があります。

あなたの提案があなたが背景画像使用して、以下のようなソリューションを使用することができます

Answer 1

賢明だろう。

.icon { 
 
    content:""; 
 
    width:50px; 
 
    height:50px; 
 
    background:url('http://placehold.it/50x50'); 
 
    display:inline-block; 
 
    border-radius:50%; 
 
}

<a href="#" class="icon" title="shareStatus"></a>