The topic connotes the research of all the possibilities of the application of SVG animations to graphic elements created in vector-based drawing software, Adobe Illustrator. Scalable Vector Graphics (SVG) is an XML-based vector image format. It has been used for two-dimensional graphics with support for interactivity and animation. All major modern web browsers - including Mozilla Firefox, Internet Explorer, Google Chrome, Opera, Safari, and Microsoft Edge -have at least some degree of SVG rendering support. Since websites have been using SVG images increasingly, the above-mentioned browsers are doing their best to catch up with the latest trend. Aside from the already mentioned program by company Adobe Systems Incorporated , there are a couple of other vector-based programs (i.e. CorelDRAW, Inkscape i Jasc WebDraw) which have esured the storage of computer files in .svg format. However, to this day Adobe Illustrator has remained the most prevalent software of that kind. Thus, this paper will have a focus on the design and editing of vector graphic elements in Adobe Illustrator, that will become animated retrospectively, after the use of SVG code. The paper will also describe practical examples and the description of procedures for getting the practical examples. The study includes several areas of graphic technology: design, animation programming and tells about the advantages of animations created by a software.