Code for the Instagram Icon multicolored

Hello,
I now have an instagram icon at the bottom of my homepage http://mr-hansen.de. However, this one is monochrome, but the normal icon is multicolored. Is there a code for a multicolored icon of Instagram?
The other icons, such as facebook, are monochrome, so I’ve added css codes in the customizer section. I found these codes in this forum.
But now I want to make Instagram’s icon look as multicolored as it normally is.
Thanks in advance.
Jens

Hi,

As it is the instagram icon can’t be multi-colored, but you can use this code snippet instead to add the code / css styling for the background icon: https://codepen.io/thomasrye/pen/VaRoYv

Kind Regards,
Csaba

Hello,
thank you for your message. I used your CSS code in my customizer and tried a lot with my “dangerous half-knowledge” until it was right for me. I deleted some lines and changed other lines. Now it looks like this:

.social-menu-widget a[href*=“instagram.com”]::before {
display: inline-block;
width: 120%;
text-align: center;
border-radius: 14px;
color: #fff;
background: #d6249f;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
box-shadow: 0px 0px 1px rgba(1,1,1, 1);
}

Kind Regards

Hi,

Great! I’m glad it’s resolved! If you need help with anything else, please open a new topic.

Have a nice day!

Kind Regards,
Csaba