Set fill gradient ID using attribute instead of inline style

It causes than the original value like "url(#gradient-name)" is
preserved. When inline style is used, value seems to be changed to
"#gradient-name" what causes a problem when SVG is extracted and
rendered in a separate page.