I have concerns about placing big inline SVG vectors into html. Does this affect search engines and page rank? Corresponding to what you can lastly hear about Code to Text ratio. I believe inline SVG files should be treated like single line <img />
but I'm affraid it is not. Can anyone have some relevant knowledge how these are treated?
Of course the purpose i need place them inline is animation and styling directly by root css file.
I honestly dont think that this will harm you in the Search Rankings. Search engines would encourage the use of SVG over alternatives such as Canvas.
Google specifically indexes SVG, weather it is stand-alone or embedded into your HTML.
You can find a full list of file types indexable by Google Here