Wie kann ich Font Awesome-Symbole in SVG-Bilder einbetten?

Einbinden von Font Awesome Icons in SVG-Bildern

Frage:

Wie kann ich ein Font Awesome-Symbol in mein SVG-Bild einfügen? Ersetzen eines vorhandenen Element mit einem -Element liefert keine Ergebnisse.

Antwort:

Der bereitgestellte Code funktioniert nicht, weil

Untersuchen Sie das CSS-Stylesheet von Font Awesome, um das spezifische Unicode-Zeichen für das gewünschte Symbol zu ermitteln. Zum Beispiel:

.icon-group:before                { content: "\f0c0"; }
.icon-cloud:before                { content: "\f0c2"; }

Um das Symbol in Ihr SVG zu integrieren, ersetzen Sie Ihren ursprünglichen Code durch Folgendes:

<g><text x=&quot;12&quot; y=&quot;15&quot;>&amp;#xf0c2;</text></g></p>
<p>Fügen Sie in Ihrem Stylesheet Folgendes hinzu:</p>
<pre class="brush:php;toolbar:false">svg text {
   font-family: FontAwesome;
}

svg text {
   font-family: 'Font Awesome 5 Free';
}