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 vote169 views2 answers
Background having opacity and text above to not have opacity
CSS
0 vote179 views1 answer
Grape change status code
CSS
266 votes274 views2 answers
Font awesome 5 pro cdn link
CSS
1 vote175 views1 answer
How to contain an image within a div
CSS
0 vote179 views1 answer
Colored button link
CSS
2 votes177 views2 answers
Slick margin between slides
CSS
7 votes174 views1 answer
Css remove blue outline button
CSS
0 vote180 views1 answer
Easy way raise specificity css
CSS
0 vote130 views1 answer
Matsnackbar background color
CSS
-1 vote166 views1 answer
Dotted underline css
CSS