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 140 comments ( View all | Add Comment )

broken heart!!	1743458001 Using!! Report Comment
☆ Marauder ☆	1743440159 USING!! Report Comment
sloth(ie) !	1743372593 using Report Comment
maya	1743350766 using Report Comment
𖤐ASAMI𖤐	1743329461 USING Report Comment
★𝕮𝖔𝖋𝖋𝖊𝖊𝕶𝕬𝕿 ★	1743192275 usingggg Report Comment
agi	1742821560 thank you!! Report Comment
ScpResearcher999	1742646928 using Report Comment
kamilequa	1742580578 using Report Comment
Kin ꒰๑ ´` ๑꒱⠀ 𓂂 ⠀	1742275720 using ! Report Comment
Kl0ne_	1742113254 Using Report Comment
Ethan_Paul	1742070761 NOT USING THIS !!! HAHAHA JUST KIDDING I F*CKING AM THANK YOU Report Comment
Rihana_ilymm	1741920947 Using Report Comment
baseball with pants	1741786900 Using !! ☆ Report Comment
bazzmorelikespaz	1741508795 regretting this elevator Report Comment
aikodeb	1741399795 using!!! Report Comment
Vashyron	1741171830 using Report Comment
izaiah	1740489520 using!! Report Comment
Archie o_O	1740383022 using : 33 Report Comment