Skip to content 
Introduction
If you’re looking to make your icons thinner using CSS, you’re in the right place. In just one minute, you can achieve this with a simple CSS code snippet. First, ensure you have the WP Code Plugin and the Custom CSS Plugin installed on your WordPress site. These plugins make adding custom code to your site easy and efficient.
CSS Code for Thinner Icons
Here’s the CSS code to make your icons thinner:
custom css
CSS
selector i {
color: currentColor;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: currentColor;
text-align: center;
}
Steps to Install Plugins
Installing WP Code Plugin
- Go to your WordPress dashboard.
- Navigate to Plugins > Add New.
- Search for “WP Code.”
- Click “Install Now.”
- Activate the plugin.
Installing Custom CSS Plugin
- Go to your WordPress dashboard.
- Navigate to Plugins > Add New.
- Search for “Custom CSS.”
- Click “Install Now.”
- Activate the plugin.
Adding the CSS Code
Now, add the CSS code to your Custom CSS Plugin, save the changes, and your icons will have a thinner, elegant look.
Enjoy your newly styled icons and streamlined web design!
