# Change icon color on hover

**URL:** <https://community.elfsight.com/t/change-icon-color-on-hover/34485>\
**Category:** Social Media Icons\
**Created:** [December 14, 2023, 5:51pm UTC](https://community.elfsight.com/t/change-icon-color-on-hover/34485 "2023-12-14T17:51:03Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [December 14, 2023, 5:51pm UTC](https://community.elfsight.com/t/change-icon-color-on-hover/34485/1 "2023-12-14T17:51:03Z")

</div>

Add this code to the Custom CSS field on the Style tab of your [Social Media Icons](https://elfsight.com/social-media-icons-widget/) widget’s settings:

```auto
.eapps-social-icons-item-icon path, .eapps-social-icons-item-icon circle {
fill: #7fc31c !important;
}

```