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 vote374 views1 answer
Circle with 4 colors css
CSS
6 votes378 views2 answers
Css browser prefixes
CSS
1 vote393 views4 answers
Css before
CSS
0 vote364 views1 answer
How long since 1993
CSS
16 votes441 views5 answers
Sass loops
CSS
0 vote347 views1 answer
Name attribute css doesn't work
CSS
34 votes360 views6 answers
Css linear gradient
CSS
0 vote383 views3 answers
Sass color functions
CSS
96 votes403 views2 answers
How to position in css
CSS
0 vote315 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS