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:
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 |