Kreis um fa Icon

Hallo Leute

ich möchte in weißes fa icon (fa-wrench) um dass ein gefüllter Kreis ist.
Wie kann ich das in CSS realisieren?

Es soll in dieser Art aussehen :



LG
Sabbel

 

Cool .. danke ...

habe die zweit variante genutzt.
Aber das icon ist grau .. wie kann ich die farbe in weiss ändern?
html:
<p><span class="fa-stack fa-4x"><br /> <i class="fa fa-circle fa-stack-2x icon-background"></i><br /> <i class="fa fa-wrench fa-stack-1x"></i><br /> </span></p>
css:
.icon-background {
color: #402000;
}

LG
Sabbel

 

http://goo.gl/Hlzevi

 

Vielen Dank für die Hilfe.

Ich habe folgendes umgesetzt :

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Kann mir jemand Helfen ?

Es soll so sein, dass es ohne die beiden definierten Div Container umgesetzt wird.
Dass heisst dass das Icon mit before vor den gesammten Text kommt.

Wenn ich es verusche erhalte ich immer nur einen Rahmen um das Bild.

LG

Sabbel