من خودم تو طراحیام از این استفاده میکنم !
همون لایو آیکنای که الان همه جا میبینید :)
حجم به صورت چشمگیری کاهش میده برا درک بهتر مقاله زیرو بخونید :
به نام خدا سلام شاید شما هم تا به حال با فایل های SVG در صفحات وب
مواجه شده باشید.و براتون سوال پیش اومده باشه که این فایل ها چی هستند.
اساس این فایل ها با کد هست،که این فایل ها به وسیله کد ساخته میشن اما یک
تصویر! به ما میدن که در نوع خودش جالبه.مزیت این فایل ها حجم کم در مقابل
کارایی بالا هست و میتوان با آنها اشکال برداری و حتی سه بعدی رو ایجاد کرد
که با زوم کردم و بزرگ شدن هرگز تغییر کیفیت نمیدهند. برای اینکه بهتر با این فایل ها آشنا بشید یه مثال میزنم. شما تصویر زیر رو فرض کنید: 
تصویری که در بالا مشاهده میکنید یک فایل گیف GIF هست. حالا من این تصویر رو بزرگ میکنم:
میبینید رنگ به مشکی تغییر کرده،داخل نیم دایره توپر تر شده و سرعت چرخش
کاهش پیدا کرده ، کدش رو میتونید در این زیر مشاهده کنید:
این نرم افزار هم پیدا کردم برای طراحی ولی آماتوره !
Hippo Animator 3
منبع فایل ها
http://www.jqueryrain.com/example/svg-tutorial/
عکس نیست که یو همون اس وی جی رو بازش کن صفحه جدید روش کنترل یو بزن سورسش همون کدشه 
