Help with .ai to svg, shapes and text not smooth, straight

Hello @SunnyC1414,

Thanks for reaching out. As suggested by Monika, it would help if you redo this artwork. Kindly follow the suggestions shared in this help article to create pixel-perfect artwork (https://helpx.adobe.com/illustrator/how-to/pixel-perfect.html) and check if it helps.

Looking forward to hearing from you.

Thanks,

Anubhav

Why are there so many anchors along straight lines?

Did you autotrace this?

This is the thing you need to address. Make a clean drawing.

Then when saving as an SVG enter a high Decimals setting like 5.

Aligning the objects to the pixel grid might make things worse. Exporting to SVG is not the use case it has been invented for.

If you want lines to be precice for a screen you may want to snap to pixel grid. Vector graphics are constrained by mathematics and sometimes a compromise is made to get smaller files where numbers are rounded up or down, which can cause minor discrepancies. (In  theory vectors are scalable without loss, but there is normally a rounding of decimals which makes this not quite true) Text uses a technology called hinting to balance out these kind of unevenness you describe, converting text to curves will remove this smart way of prioritising the way the shape will scale. 

Without a comparative screenshot for AI and info about your document and export settings we can't really tell you much. Looking at the SVG source code suggests that you eitehr designed it at a not so ideal scale or did not export it with adequate precision. Many of the paths and points have minute discrepancies in their values, which would explain why it looks jittery. Where those quantization problems come from is a whole different matter.

Mylenium