Eigenes Icon erstellen und Hyperlink hinzufügen

-4

Ich möchte einen Hyperlink öffnen, indem ich auf Icon klicke, aber ich möchte mein eigenes Image (jpg/png/svg) als Icon verwenden.Eigenes Icon erstellen und Hyperlink hinzufügen

Dies ist ein Democode. Muss ich Svg-Datei machen und auf unten angegebene Website hochladen und diese Symbole verwenden.

<!DOCTYPE html> 
    <html> 
    <head> 
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> 
    </head> 
    <body> 

    <i class="fa fa-cloud"></i> 
    <i class="fa fa-heart"></i> 
    <i class="fa fa-car"></i> 
    <i class="fa fa-file"></i> 
    <i class="fa fa-bars"></i> 

    </body> 
    </html>

Quelle

2016-06-21 Shahgee

Ihre Frage unklar ist, können Sie ein Beispiel, wo zeigen können Ihre eigenes Symbol wird in Code sein und auch Details darüber, was Sie öffnen möchten? –

http://stackoverflow.com/questions/11426172/add-custom-icons-to-font-awesome –

Das in anklickbare Symbol

<a href="your link here"> <i class="fa fa-dribbble fa-4x"></i></a> 
<a href="your link here"> <i class="fa fa-behance-square fa-4x"></i></a> 
<a href="your link here"> <i class="fa fa-linkedin-square fa-4x"></i></a> 
<a href="your link here"> <i class="fa fa-twitter-square fa-4x"></i></a> 
<a href="your link here"> <i class="fa fa-facebook-square fa-4x"></i></a>

Auf diese Weise können Sie Ihre benutzerdefinierten Bild (png preffred) als Symbol

<a href"clickable link here"><img src="icon.png"></a>

Quelle

2016-06-21 14:50:33

Ich glaube nicht, dass die OP möchte ein Favicon hinzuzufügen, sondern fügen Sie benutzerdefinierte Symbole zu FontAwesome –

Ich bin Angenommen, er möchte Font Awesome hinzufügen, da sowohl das FA-Stylesheet als auch die Klassen in seinem Code enthalten sind. Er erwähnt auch das Verwenden des Symbols als einen Link, der auch ein Favicon ausschließen würde. –

Downvoting erzeugt nicht unnötigerweise eine negative Auswirkung, und außerdem habe ich Sie nicht abgelehnt. –

Eigenes Icon erstellen und Hyperlink hinzufügen

Antwort

Verwandte Themen