자신의 아이콘 만들기 및 하이퍼 링크 추가

-4

아이콘을 클릭하여 하이퍼 링크를 열고 싶지만 아이콘으로 자신의 이미지 (jpg/png/svg)를 사용하고 싶습니다.자신의 아이콘 만들기 및 하이퍼 링크 추가

이것은 데모 코드입니다. 나는 svg 파일을 만들고 아래 주어진 웹 사이트에 업로드해야하며이 아이콘을 사용해야합니다.

<!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>

출처

2016-06-21 Shahgee

당신의 예를 보여줄 수있는 아이콘으로 사용자 정의 이미지 (PNG가 preffred)하실 수 있습니다 자신의 아이콘이 코드에 표시되며 열리고 싶은 내용과 관련된 세부 정보가 표시됩니다. –

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

이 클릭 가능한 아이콘

<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>

할 수 있습니다 이것은 귀하의 질문이 명확하지

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

출처

2016-06-21 14:50:33

OP가 favicon을 추가하려고하지 않고 FontAwesome에 사용자 정의 아이콘을 추가한다고 생각합니다. –

저는 FA 스타일 시트와 클래스가 둘 다 코드에 있기 때문에 Font Awesome에 추가하려고한다고 가정합니다. 또한이 아이콘을 링크로 사용하는 것에 대해 언급하며, 이는 또한 favicon을 배제 할 것입니다. –

Downvoting은 부정적인 imapct를 불필요하게 만들지 않으며, 게다가, 나는 당신에게 downvote을하지 않았다. –

자신의 아이콘 만들기 및 하이퍼 링크 추가

답변

관련 문제