Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML SVG Basics Introduction to SVG SVGs as Images

My star logo is not appearing on my webpage after I typed the img element

Anyone know why?

Gari Merrifield
Gari Merrifield
9,597 Points

I have to echo Margaux's comment. Hard to help with that kind of an issue without the code in question. However, SVG has a very specific format, and a missing or an extra character in there can cause the SVG not to be rendered.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Scalable Vector Graphics</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>

    <h1>SVG Example</h1>

    <div class="wrapper">

      <!-- Add your code below this line -->
      <img src="img/star.svg" alt="Star"> <!-- This is what you want. alt is a description in case the picture doesn't load. -->

    </div>

  </body>
</html>

1 Answer

I think it would help us find what's wrong with your code if you showed us your code here. :D