A modern programming language that makes developers happier.

kotlinlang

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 <https://plugins.jetbrains.com/plugin/18619-svg-to-compose|SVG to Compose plugin>.

I did that, and I copied the composable version from <http://composables.com|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).

Perhaps a screenshot comparison would help

image.png

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

I've seen some that default to 40dp for example

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&amp;cid=CJLTWPH7S>

Getting the SVG from <https://fonts.gstatic.com/s/i/short-term/release/materialsymbolsoutlined/diagnosis/default/24px.svg|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

Was able to get it how I wanted it by scaling the path operations to match the scaling of the viewport from 40 to 24

<@U3K6VQZLJ> 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

<@UPKV9E17S> I had the same issue getting the symbol from <http://composables.com|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 :smile: 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

You can also create your icon pack using plugin

<https://github.com/ComposeGears/Valkyrie|https://github.com/ComposeGears/Valkyrie>

<@U01CM04TN5P> is that compose running &lt;inside&gt; intellij??

Yes, plugin written using Compose Multiplatform