How can I make the social media icons bigger and under this in Prestige

[ModifiedSix]

Ive tried the following two codes at the end of my themes.css file from other posts with the same issue but niether worked : 

.Footer__Inner span.Icon-Wrapper--clickable {
    font-size: 24px;
}

and 

.Footer__Social {
font-size: 30px; 
}

Id essenntially want it to be like this and with larger more visible icons 

[BSS-TekLabs]

- Here is the solution for you @ModifiedSix 
- Please follow these steps:

- Then find the theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it. 

.Icon {
     width: 22px !important;
    height: 22px !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[ModifiedSix]

Hey This did not work, im not sure why 

[Made4uo-Ribe]

Hi @ModifiedSix 

Check this one.

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

.Footer__Social.HorizontalList svg.Icon {
    height: 2rem;
    width: 2rem;
}

• And Save. 
• Result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[ModifiedSix]

Hey this did not work either