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