Avatar change design html css

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">

<div class="wrap">
  <img src="https://i.stack.imgur.com/mSXoO.png" class="main-profile-img" />
  <button><i class="fas fa-edit"><input type="file" name="avatar"></i></button>
</div>

Source: stackoverflow.com

Similar codes

49 votes284 views5 answers
How to remove bullets from ul
CSS
33 votes193 views6 answers
Background image opacity css
CSS
0 vote192 views1 answer
Nmap output ip only
CSS
15 votes188 views2 answers
Linear-gradient
CSS
122 votes190 views6 answers
How to center in css
CSS
0 vote225 views1 answer
Css play button on image
CSS
11 votes171 views2 answers
Css hr color
CSS
-1 vote199 views1 answer
Link design like a Button"
CSS
0 vote300 views1 answer
Button expo css
CSS
11 votes216 views1 answer
Css not class
CSS