Question: If i have the following structure in an MVC site.

```
Areas
  + Documents
    + Controllers
    + Models
    + Views
      + Shared
        + icons
            icon.png

```

I am trying to use `img src='@url.Content("~/Areas/Documents/Views/Shared/icons/icon.png")'`/>

Why is this image unavailable?
Is there another path to use? Weird that I can browse to the file path in firefox, but as soon as I click on the image it errors with resource unavailable.

Do images have to go into the content directory?

Regards

Craig.

Answer: 
This works for me

img src='@Url.Content("../../Content/Images/6.jpg")' alt="" style="width: 100px; height: 100px" />

Yet my problem is getting the corresponding image to the product I am trying to show, no luck so far, I have tried hard coding too.
Yes. I don't know how to override that as default the css and images has to go to the Content folder.

**UPDATED**: I correct what I said above, the images cannot be inside the Views\Shared folder without any special coding. You have to put the images in the outside folder but the folder can be named any instead of "Content".