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 vote357 views1 answer
Grape change status code
CSS
3 votes362 views3 answers
How to change text on hover css
CSS
0 vote344 views1 answer
CSS background gradient doesn't repeat
CSS
50 votes337 views4 answers
Label css
CSS
0 vote343 views1 answer
CSS - The Class Selectors - Element
CSS
0 vote328 views1 answer
How to use the display property
CSS
0 vote363 views1 answer
Poner en input signo dolar con css
CSS
2 votes302 views1 answer
How to align button horizontally in css
CSS
0 vote344 views1 answer
Include css typo3
CSS
2 votes373 views2 answers
Border not showing css
CSS