Hyperlink Icon

Fajar Purnama
4 min readApr 16, 2020


Hyperlink icons are icons applied with hyperlinks. When the icon is clicked, the clicker will open the link designated by the creator of the hyperlink icon. The purpose in my opinion is to beautify and simplify links where there is a saying the a single picture can mean a thousand words. In this case, icon is a very small image which I have seen no larger then 100 pixels (px). I see hyperlink icons are mostly used to link creators’ social media profile. Which do you prefer, a text link or a hyperlink icon or both?

It depends on the context. If you want to just hyperlink your text passage, then just simply hyperlink a text. If you want it to be permanently part of a webpage layout, then just a hyperlink icon is best because it is small that saves space but still delivers sufficient information for the audience to understand and additionally, icons usually beautifies the webpage. If the platform nor the icon is known, then having both hyperlink text and icon is better to promote them.

Making Hyperlink Icons

There are two knowledge that you need to make an hyperlink icon. First is making a hyperlink. Second is inserting an image. Additionally, third is beautifying but for me is only knowing how to configure the size but there are more like handling paddings and margins if you want to go deeper.

If you are using an html editor where it is mostly available on most posting platforms, then you don’t need to do much. However, if you are editing a blog’s or a website’s layout, then you probably need to learn some codings. The basic hypertext markup language (HTML) is still mainly used eventhough there are other languages such as markdown (MD).

Making Hyperlink

<a href=""></a>

The above code is a skeleton code to make a hyperlink in html. The “a” tag is usually associated with links, the link is put inside the href=””, and the text is put inside the a href=”” (here) a.

<a href="https://twitter.com/0FajarPurnama0">https://twitter.com/0FajarPurnama0</a>

The above hyperlink code have the link https://twitter.com/0FajarPurnama0 and the text “follow me on Twitter”.

Fajar Purnama

this blog contains all my articles licensed under creative commons attribution customized sharealike (cc-by-sa) where you can sell but mention the open one here