MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

SVG Basics

Course Summary

Scalable Vector Graphics (SVG) is an XML markup language for creating two-dimensional images using vectors. This is different from traditional raster-based image formats that use pixels, like JPEG and PNG. When used on web pages, SVG images provide an infinite level of detail, so they look sharp regardless of screen size or pixel density. In this course, we'll look at situations where SVGs are better than PNG and JPEG files, as well as when an SVG might not be the best choice. Finally, we'll learn how to modify SVGs using CSS.

  • +

    Course Syllabus

    Introduction to SVG

    SVG (Scalable Vector Graphics) is an XML markup language that is capable of creating images using vectors. This is different from raster-based file formats like JPEG and PNG. 6 steps
    • Vector Graphics 3:34
    • Vector Graphics 4 questions
    • Creating an SVG 3:44
    • Creating SVGs 3 questions
    • SVGs as Images 8:50
    • Create an SVG Image 1 objective
    • Extra Credit If you're familiar with a vector-based drawing program like Illustrator, try creating your own SVG images.

    SVG and CSS

    SVG is an XML based language, and they can be embedded directly into HTML. This means their presentation can be adjusted with CSS, which allows SVGs to respond appropriately to different screen sizes. 4 steps

Course Fee:
USD 25

Course Type:


Course Status:



1 - 4 hours / week

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url