Skip to main content
Home / The Lodge / Everything You Need To Know About SVG / 07: Using SVG – Inline SVG

07: Using SVG – Inline SVG

Perhaps the best way to use SVG is "Inline SVG" - that is, putting SVG code right into your HTML. It works great!

See the Pen gpcDi by Chris Coyier (@chriscoyier) on CodePen.

A lot of this series will be about all the great stuff you can do using inline SVG, so I wanted to be very clear about what it is and how it works.

If you're concerned about having all that code all up in your HTML, know that:

  1. There is advantages to that sometimes (fast!)
  2. There are ways to make it external (also fast!)
icon-link icon-logo-star icon-search icon-star