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

Posted by muhammadmatwadia
muhammadmatwadia
2,150 Points

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

Anyone know why?

Gari Merrifield
Gari Merrifield
9,598 Points
Gari Merrifield
Gari Merrifield
9,598 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.

Alex Davis
Alex Davis
35,050 Points 
<!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

Margaux Flores
Margaux Flores
11,453 Points

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