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

33 votes148 views6 answers
Custom Cursor css
CSS
54 votes152 views6 answers
Css ellipsis
CSS
47 votes169 views6 answers
Css nth child
CSS
0 vote165 views2 answers
How to force fully show the keyboard in android
CSS
0 vote137 views1 answer
Css animate border
CSS
0 vote157 views1 answer
Como diminuir uma imagem em css
CSS
1 vote139 views1 answer
Style direction
CSS
3 votes148 views2 answers
Bootstrap 5 pagination
CSS
2 votes133 views2 answers
Remove border iframe
CSS
1 vote148 views1 answer
Css without underline
CSS