[resolved] Problem with icons in html. | SoloLearn: Learn to code for FREE!


[resolved] Problem with icons in html.

#now_resolved πŸ˜€πŸ˜€πŸ˜€ Hello, I have a problem with a thing. I would like to add icons to a my project, but it doesn't work πŸ€” I add css like etc., but it doesn't now not work πŸ€” πŸ€” πŸ€” πŸ€” πŸ€” πŸ€” Can you please help me πŸ™πŸ» πŸ™πŸ» πŸ™πŸ» πŸ™πŸ»? Here is the code: https://code.sololearn.com/WUhSEcsfLnJW/?ref=app Thanks 😊 πŸ™πŸ» πŸ™πŸ»

10/24/2020 10:12:50 AM


11 Answers

New Answer




<<SGI>>[ExamsπŸ“˜] ,Alexander Thiem, Atomic Wave ~βš› thanks a lot 😊 😊 😊 now I resolved it πŸ‘πŸ»πŸ˜„


<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> It's better for icons Arnav Kumar Suggested me


This link : <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <¡ class="fa fa-facebook"><\i> <¡ class="fa fa-google"><\i> This website link = https://fontawesome.com/v4.7.0/icons/


<span class="material-icons">contacts</span>


Maybe this can help? https://code.sololearn.com/WlBvB7Q8kMKV/?ref=app I dont know how to do such things


"https://fonts.googleapis.com/icon?family=Material+Icons" Add this with link tag↑ inorder to add icon↓ <i class=material-icons> icon name</i>


πŸ…ΆπŸ…»πŸ…ΈπŸ†πŸ…° Bro no need to use this <link rel="stylesheet" href="https://material.io/resources/icons/?search=heart&icon=favorite_border&style=baseline"> its not necessary all material icons are in just in one link that is <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">


πŸ…ΆπŸ…»πŸ…ΈπŸ†πŸ…° Use Syntax:<span class="material-icons"><!--name of icon--></span>


Why not add font awesome! https://code.sololearn.com/Wu9sdp3OISL7/?ref=app


Seems to work.