Change the contact icons to TF2 classes

Tags: contact icons, tf2, simple

Description:

Includes everyone except for Pyro. (Sorry buddy i love u) Let me know if it stops workin or if there's any problems with it!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Percival (https://layouts.spacehey.com/layout?id=107596) -->

<style> 
.contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("https://i.ibb.co/1vpYdkF/Untitled37-20240531215131.png")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://i.ibb.co/QH5HBpr/Untitled37-20240531215158.png")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://i.ibb.co/bsgpmNf/Untitled37-20240531215217.png")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://i.ibb.co/Jy2YC4Z/Untitled37-20240531215246.png")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://i.ibb.co/8g0myrZ/Untitled37-20240531215312.png")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://i.ibb.co/8b1NXRH/Untitled37-20240531215334.png")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://i.ibb.co/TWJrcxZ/Untitled37-20240531215358.png")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://i.ibb.co/SxdbJxC/Untitled37-20240531215424.png")
    } 
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 173 comments ( View all | Add Comment )

૮₍´˶• . • ⑅ ₎ა star	1751761366 using Report Comment
lydia	1751695685 using Report Comment
X44P X3 ✨	1751076019 Usingg Report Comment
only shallow	1751074069 using Report Comment
v0x_d@wg	1750733734 using it Report Comment
v0x_d@wg	1750733730 using it Report Comment
wasser_katze	1750543568 using! Report Comment
~{_PVNK_}~ $~{_PVNK_}~'s profile picture$	1750485112 Using! Tyyy Report Comment
𐂯 Scout	1750322205 usin' thanks boss! Report Comment
Jake Ludwig	1749944420 using!danke!! Report Comment
aliteralSIN "Sentenza"	1749794149 using!!! Report Comment
Magnoblitz	1748871593 Using Report Comment
Daiko	1748466920 usinggg Report Comment
Ghostbird	1748392391 USING! Report Comment
𖦹𓋹⋆Aless⋆𓋹𖦹	1748079626 usinggg!! Report Comment
Ms Andra	1747965625 Using! Report Comment
S0uless	1747886508 Using !! Report Comment
PunkABlunk	1747194535 Mr. Screams recommended this highly. Using. Report Comment
Screams	1747194256 Using Report Comment
REMY!!!	1747072371 using! ;D Report Comment