How do I set profile image as first letters of first and last name?
<p>Basically, i'm working on user registration system. which i'm doing front-end using ReactJS. for registered users there is an option to add images for their profiles. <strong>when there is no images for the profiles, profile image should be contain the first letter from the first and second name for the profile picture</strong> like google plus do. </p>

<p><strong>please find the sample image below.</strong></p>

<p><a href="https://i.stack.imgur.com/ckB3G.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ckB3G.png" alt="enter image description here"></a>  </p>

<p>Looking forward a way to do this.. better if there are inbuilt plugin or library to do this. </p>