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

0 vote135 views1 answer
Transform translate-x ie11
CSS
1 vote229 views1 answer
Remove ul decoration
CSS
3 votes216 views2 answers
Adminlte.min.css.map error
CSS
10 votes159 views2 answers
Line-height css
CSS
1 vote142 views1 answer
Why are suacer pans made of bakelite
CSS
64 votes212 views6 answers
Rotate css
CSS
1 vote175 views1 answer
Apply css if class not present
CSS
4 votes188 views2 answers
How to remove onclick input border
CSS
0 vote200 views1 answer
Faunadb update
CSS
1 vote184 views1 answer
How to make border hover effect in css
CSS