Motion SVG logo

[diegohaz]

Hello! 👋🏽

I'd like to feature the new Motion logo on Ariakit.org for the examples that use Motion. However, I can't seem to find an SVG version with the yellow background. Do you happen to have one?

I also wanted to ask for permission to use the logo.

Thanks!

[mattgperry]

Yes, no worries! I ripped this from the Motion website so you might need to clean and fill with the right colors:

<svg display="block" role="presentation" viewBox="0 0 35 35" xmlns="http://www.w3.org/2000/svg" id="230458935"><path d="M 0 6 C 0 2.686 2.686 0 6 0 L 29 0 C 32.314 0 35 2.686 35 6 L 35 29 C 35 32.314 32.314 35 29 35 L 6 35 C 2.686 35 0 32.314 0 29 Z" fill="var(--m5zs3g, var(--token-9913619f-76ec-4fff-b5d9-aef25028820c, rgb(254, 246, 42)))" height="35px" id="WHbkZu4LB" width="35px"></path><path d="M 9.587 0 L 4.57 9 L 0 9 L 3.917 1.972 C 4.524 0.883 6.039 0 7.301 0 Z M 20.794 2.25 C 20.794 1.007 21.817 0 23.079 0 C 24.341 0 25.364 1.007 25.364 2.25 C 25.364 3.493 24.341 4.5 23.079 4.5 C 21.817 4.5 20.794 3.493 20.794 2.25 Z M 10.443 0 L 15.013 0 L 9.997 9 L 5.427 9 Z M 15.841 0 L 20.411 0 L 16.494 7.028 C 15.887 8.117 14.372 9 13.11 9 L 10.825 9 Z" fill="var(--b5lzrg, var(--token-04d93255-d6ab-4bbc-a194-71e004214fb0, rgb(12, 16, 18)))" height="9px" id="mGV8bx2Ew" transform="translate(5 13)" width="25.363635327216727px"></path></svg>