How to Save an Illustrator file to SVG for use in HTML Code

Опубликовано: 18 Июнь 2026
на канале: whatjackhasmade
16,872
74

In this short tutorial I was be explaining the process from start to finish, to accomplish a vector render of an illustration made in Adobe Illustrator.

I will then explain how to use this SVG render as code in a HTML document and the manipulation and customization features available to you when you have imported the SVG code.

As well as this I preview an animation effect of an SVG file using HTML and CSS. To view the codepen animation from the video visit: http://codepen.io/JackDavies/pen/xZVEag

If you like the video be sure to subscribe!

Official Website : http://www.whatjackhasmade.co.uk/
Behance : https://www.behance.net/JLDavies
Facebook :   / whatjackhasmade  
Twitter :   / whatjackhasmade  
Codepen : http://www.codepen.io/JackDavies/