HTML Trademark Code
This page contains HTML code for adding the trademark symbol to your website or blog.
There are two main ways to display the trademark symbol on a webpage; use the HTML entity number, or use the HTML entity name. The trademark symbol should appear the same when rendered in the browser — regardless of whether you use the entity name or number.
HTML Entity Number
Here's how you use the HTML entity number to add the trademark symbol to a webpage.
Source Code | Result |
---|---|
™ |
HTML Entity Name
Here's how you use the HTML entity name to display the trademark symbol on a webpage. You'll notice that the result is the same as when using the entity number above.
Source Code | Result |
---|---|
™ |
Usage Example
Here's an example of using the trademark symbol.
Source Code | Result |
---|---|
Get 1 free MyProduct™ with every 5 MyOtherProduct™ sold! |
Registered Trademark
If your trademark has been registered with the relevant authorities, you can use the registered trademark symbol.
HTML Entity Number
Source Code | Result |
---|---|
® |
HTML Entity Name
Source Code | Result |
---|---|
® |
Usage Example
Here's an example of using the registered trademark symbol.
Source Code | Result |
---|---|
Get 1 free MyProduct® with every 5 MyOtherProduct® sold! |
Avoid Copy/Paste
It's best to avoid copying and pasting your trademark symbols from another source (for example, a Word document or PDF). This is because, even though it might appear OK in your WYSIWYG editor, it might not necessarily appear correctly when displayed within a browser. Or even worse, it might display correctly in your browser but not in your users' browsers!
For this reason, it is better to use the HTML entities on this page to display trademarks.
About HTML Entities
HTML entities are used in HTML when you need to display a special character on a web page. These are often characters or symbols that can't easily be typed into a keyboard.
Check out this list of special characters for a comprehensive list of HTML entities.