🧾 YouTube.com 📺 Logo Code in HTML Only

• 🧾 Text Instructions
• 🎨 Image Instructions
• 🎬 Video Instructions
• 👷 Hire Us
• Comments Questions ❓

This page is going to show you how to create a YouTube icon graphic using just HTML code with no images whatsoever.

This page also contains a free tool that creates the YouTube icon code for you.

🧾 YouTube.com 📺 Logo Code in HTML Only

You can customize the following items to customize the YouTube icon:

1. The size of the YouTube icon.
2. The size of the white, right pointing triangle ▶ that is part of the YouTube logo.
3. If the YouTube icon logo is a link that navigates to a URL/web address when clicked.
4. The tooltip text message, if any, that appears when the mouse cursor goes over the YouTube icon.

Instructions for Using the YouTube Icon HTML Only

1. Select the desired size of the YouTube logo. Anywhere from as small as 26 pixels wide by 20 pixels high up to 71.5 pixels width by 55 pixels high.
2. Select the desired size of the white, right pointing triangle ▶ that is part of the YouTube logo.
3. Enter a URL or web address that opens in the web browser when the YouTube HTML logo is clicked. If you don't want the YouTube logo to be a link then leave this textbox blank.
4. Enter the tooltip text that appears when the mouse travels over the YouTube icon. If you don't care about this, leave this text box blank.

Where to Put HTML CSS Code for YouTube Icon

1. The top text box contains the HTML code. You place this in the html code of your web page where you want the YouTube icon logo to appear. If you use Wordpress, don't use the visual editor, use the code or text editor instead. This is where the HTML code for the current blog post is. Place the YouTube icon HTML code in there.
2. The second text box contains the CSS code that styles the YouTube logo and makes it look the way it should. This gets place between <style> </style> tags in the web page. You can add custom CSS using a Wordpress plugin but I am almost positive it can be done, even without a plugin.