Repository navigation
Visual Differences Between Icons and Google Fonts 🤔 #29
Description
Hi everybody, I have a question regarding visual differences between the icons that this lib exports, and what's on Google Fonts.
Not sure if I'm doing something wrong, but....
If I do:
import { ReactComponent as ToggleSidebarIcon } from "@material-symbols/svg-400/outlined/chrome_reader_mode.svg";...the SVG looks like:
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path d="M7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Zm0-3h15.5V11H7v26Zm18.5 0H41V11H25.5Zm2.2-6.9h11.15v-2.5H27.7Zm0-5.45h11.15v-2.5H27.7Zm0-5.45h11.15v-2.5H27.7ZM7 37V11v26Z"/></svg>But if I download the same icon from Google Fonts, then I see this:
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm0-80h280v-480H160v480Zm360 0h280v-480H520v480Zm40-120h200v-60H560v60Zm0-100h200v-60H560v60Zm0-100h200v-60H560v60ZM160-240v-480 480Z"/></svg>Am I maybe missing something here? 🤔
Activity
[-]Difference In "Padding"?[/-][+]Visual Differences Between Icons and Google Fonts 🤔 [/+]adrians5j commentedon Feb 25, 2025
Looking at this issue, seems like it really is related to the size 48. 🤔