Is there any way to get a material symbol as an ImageVector that has the same dimensions as a regular material icon? e.g. https://fonts.google.com/icons?icon.query=diagnosis

Copy the SVG into https://www.composables.com/svgtocompose. Or import it into Android Studio, and use the SVG to Compose plugin.

I did that, and I copied the composable version from composables.com but the size is still bigger than a standard icon

Bigger how? It should still be 24dp, but perhaps symbols don't have additional padding around the icon itself (inset).

image.png

Double check what default size is. Should be 24dp unless you used some other tool.

I got it from https://www.composables.com/icons

Yes those are 40dp. Do what I suggested earlier: https://kotlinlang.slack.com/archives/CJLTWPH7S/p1698725405678559?thread_ts=1698719160.715779&cid=CJLTWPH7S

Getting the SVG from here and getting compose code for it from https://www.composables.com/svgtocompose or the SVG to Compose plugin result in an

ImageVector

that doesn't render

@eygraber sorry just saw your message. thanks for sharing the svg, will have a look asap. For future reference there is also https://www.composables.com/icons where you can find the material symbols already converted to compose. haven't tested the specific icon, but it is worth checking out

@Alex Styl I had the same issue getting the symbol from composables.com; looks like it's using 40dp instead of 24dp and the viewport is all wacky. It's happening for other symbols/icons as well

was worth a shot 😄 this might be a combination of things such as the icons from google having an issue with the sizing (there was a case like this a while ago, hopefully this is fixed now and I need to update them on my end) or something is up with the converter. im cooking something new for composables (out in a few days) and as soon as that is done ill have a proper look into the icons