Comment puis-je intégrer des icônes Font Awesome dans des images SVG ?

Inclure des icônes Font Awesome dans les images SVG

Question :

Comment puis-je incorporer un Icône Font Awesome dans mon image SVG ? Remplacement d'une image un élément avec un élément ne donne aucun résultat.

Réponse :

Le code fourni ne fonctionnera pas car

Examinez la feuille de style CSS de Font Awesome pour déterminer le caractère Unicode spécifique de l'icône souhaitée. Par exemple :

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

Pour incorporer l'icône dans votre SVG, remplacez votre code d'origine par ce qui suit :

<g><text x=&quot;12&quot; y=&quot;15&quot;>&amp;#xf0c2;</text></g></p>
<p>Dans votre feuille de style, ajoutez ce qui suit :</p>
<pre class="brush:php;toolbar:false">svg text {
   font-family: FontAwesome;
}

Si vous utilisez la version gratuite de Font Awesome 5, utilisez la déclaration font-family suivante :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!