If you have a name, slogan, or a logo that you have protected with a trademark, you may want to indicate that you have done so on your website.
There are several solutions to display a trademark symbol, including those that use images, but the simplest solutions are to either use an HTML symbol or display the symbol as a CSS style.
Below are examples of both HTML techniques.
Pure HTML Example by Using the Symbol’s Entity Name
Example Brand Name™
Code Demo:
Example Brand Name™
Pure HTML Example by Using the Symbol’s Entity Number
Note: The number corresponds to the symbol’s HTML decimal code.
Example Brand Name™
Code Demo:
Example Brand Name™
HTML & CSS Example
Note: The code used to represent the entity in CSS is the entity’s hexadecimal code.
<style>
.my-class:after {
content: "\2122";
}
</style>
<div class="my-class">Our Brand</div>
Code Demo:
Our Brand
Commonly Used Trademark Symbols in HTML
You can use this table below to find the values of commonly used HTML entities that organizations use to represent their intellectual property.
| Symbol | HTML Entity | Decimal Code | Hex Code | Description |
|---|---|---|---|---|
| ™ | ™ | ™ | ™ | Trademark Symbol |
| ® | ® | ® | ® | Registered Trademark Symbol |
| © | © | © | © | Copyright Symbol |
| ℠ | None | ℠ | ℠ | Service Mark Symbol |