# CSS Style- icon for login account

**URL:** https://forum.kirupa.com/t/css-style-icon-for-login-account/643432
**Category:** web dev
**Created:** [June 30, 2020, 8:56pm UTC](https://forum.kirupa.com/t/css-style-icon-for-login-account/643432 "2020-06-30T20:56:02Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Umair\_Ashraf](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/umair_ashraf/32/11705_2.png) [@Umair\_Ashraf](https://forum.kirupa.com/u/Umair_Ashraf)
#### Post date: [June 30, 2020, 8:56pm UTC](https://forum.kirupa.com/t/css-style-icon-for-login-account/643432/1 "2020-06-30T20:56:02Z")

</div>

i am looking to design the SignIn option in my react Project, i came across one of the icon as solid image.

> **[Circle User Icon | Font Awesome](https://fontawesome.com/icons/user-circle?style=regular)**
>
> Circle User icon in the Solid style. Make a bold statement in small sizes.. Available now in Font Awesome 6.

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/2/23b6f8d30937818b23aae57d4324e503addf9f04.png)

i understand i can use it using className , css properties and using the script link from [fontawesome.com](http://fontawesome.com)

I am thinking if i can use this icon when the user signed in correctly but _ **also picks up the user first account and display as CustomerName in place for user-circle.** _  
my guess is that i will need some java script code here but not sure where to start and if it is even possible.

Any advice please guys.