Hope this helps:

1. Create your icon images in Photoshop or other software and save them as .png

2. Upload your images to your ftp or to anywhere in the internet for example:
http://dropbox.com/images/icons/myicon-new1.png

3. On your Vbulletin Cpanel go to -> Styles & Templates -> Style Manager -> Edit Template -> Double Click on Display Templates -> Double Click on display_Forums_item

4. Find the line code with:

5. And Add in the line like this:

6. Now it's time to find your different nodeid for each forum channel.

7. Use Firefox or Google Chrome and open your webpage on the browser

8. Right click and select the option Inspect Element

9. You will find different nodeid for each forum channel (for example:256)

10. On your CPanel go to -> Styles & Templates -> Style Manager -> Edit Template -> Click on CSS Templates -> Open css_additional.css

11. Paste the following code with your NodeID and your url icon images

12. And repeat step 11 adding over and over the code but changing the icon image path and nodeid number

I've worked out how to do this, but the images are too small, how do I enlarge them ?

You made them only 16x9, so you would need to make the images larger and then set the width and height in the CSS.

Thanks for the advice Lynne.

I've set the CSS as follows, but now I have an alignment problem with the forum titles

Add this:

That worked...thanks Lynne :up: