Skip to main content

Hello Community, 



I’ve been trying to utilize the Material Icons within the content of my web designs on Figma. The issue is that whenever I insert a Material Icon into a line of text with a different font, the icon itself is not vertically aligned with the surrounding text. Instead of resting on the same bottom line, the icon is elevated above the rest of the text. 

Even when I try adjusting the line height of the icon individually, no changes are made to its vertical position. Has anyone been able to achieve the correct alignment when using Material Icons within lines of text? 

Be the first to reply!