Source code
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Product</title>
</head>
<body>
<p>Example Product™</p>
</body>
</html>Developer character reference
Trademark Symbol HTML Code: Copy ™ and U+2122
The fastest trademark symbol HTML code is ™. It renders as ™, the Unicode TRADE MARK SIGN at U+2122. Copy the named entity, decimal reference, hexadecimal reference, or literal character below and paste it directly into your source.
Each option represents the same U+2122 character after HTML parsing. Copying runs in your browser and sends no text to a server.
Copied to clipboard!
Source → output
See the Trademark Symbol HTML Code Render
This is real text, not a code screenshot. The browser reads the entity in the result panel and displays the same character your visitor will see.
Browser outputRendered HTML
Example Product™
The entity disappears from the visual result because the HTML parser converts it to the TRADE MARK SIGN character. Selecting the rendered line copies ordinary Unicode text, not the original entity spelling.
Choose a representation
How to Use Trademark Symbol HTML Code
All four forms produce the same visible mark, but the most readable source depends on your document, template, and team conventions. Choose a trademark symbol HTML code representation that the next developer can recognize without extra decoding.
Insert ™ in an HTML paragraph
Place ™ immediately after the product or name: <p>Example Product™</p>. The semicolon clearly ends the named character reference and should remain in source.
Use a literal character in UTF-8
Pasting ™ directly is concise and searchable. Save the file as UTF-8, include <meta charset="UTF-8"> early in the document, and avoid a conflicting HTTP charset header.
Copy and test the minimal example
Use the copy button above, save the snippet as an HTML file, and open it in a browser. A working trademark symbol HTML code example should show one raised ™ after “Example Product.”
Verify the browser output
Inspect the rendered text rather than the source panel. Named, decimal, and hex references should expose one character whose JavaScript codePointAt(0) value is hexadecimal 2122.
Swipe the table or use arrow keys to see every column.
| Format | Source value | When it helps | Copy |
|---|---|---|---|
| Named entity | ™ | Human-readable HTML source | |
| Decimal reference | ™ | Numeric character-reference workflows | |
| Hex reference | ™ | Matching the Unicode hexadecimal value | |
| Literal character | ™ | UTF-8 documents and plain text |
Beyond HTML
Unicode, CSS, and JavaScript Equivalents
The encoding changes with the language or file format. The underlying Unicode scalar value stays U+2122.
U+2122Official character name: TRADE MARK SIGN. Decimal value: 8482.
content: "\2122";Use the hexadecimal escape inside a quoted generated-content value.
"\u2122"A four-digit Unicode escape that evaluates to the same one-character string.
E2 84 A2The three encoded bytes used when the literal character is stored as UTF-8.
CSS generated content
A pseudo-element can use .brand::after { content: "\2122"; }. Add a separating space only if the visual design requires it. Generated content is useful for decoration, but meaningful marks are usually better in HTML so copy, search, translation, and accessibility behavior remain predictable.
JavaScript strings and templates
const mark = "\u2122"; creates the same character as the literal string "™". If a template needs the entity to reach a later HTML parser as source text, escape the ampersand once for the current layer. For example, visible &trade; becomes ™ after one HTML parse.
Character versus styling
Entity, Literal Character, or Superscript TM?
Use ™ when a descriptive entity makes HTML source easier to recognize. Use a literal ™ when your UTF-8 workflow safely preserves Unicode and shorter source is preferable. Use a numeric reference when a generator or interchange format expects numeric character references. These choices affect source representation, not trademark status.
The dedicated ™ character is not identical to <sup>TM</sup>. The first is one Unicode code point with font-designed proportions and one-character copy behavior. The second is two ordinary Latin letters raised by HTML semantics and browser styling. It may look similar, but searching, selecting, pronunciation, spacing, and fallback behavior can differ.
Font choice controls the glyph's shape, size, and vertical position. Avoid adding another <sup> around ™ merely to make it smaller; that can produce a double-raised mark that becomes difficult to read. When exact brand typography matters, coordinate with the relevant brand system while keeping an accessible textual character available.
This page explains encoding behavior, not legal eligibility or placement rules. If you only need to copy the trademark symbol into ordinary text, use the main one-click tool. For device-specific entry, see how to type the trademark symbol on any keyboard.
Debug the output
Fix Trademark Sign Rendering Problems
When trademark symbol HTML code does not render, identify which layer is displaying, decoding, or styling the text before changing the character value. A correct trademark symbol HTML code can still appear wrong when a template escapes it twice or the selected font lacks the glyph.
The entity appears as source text
If the page shows ™ literally, the ampersand may have been escaped as &trade;, or the value may be inserted through a text-only API such as textContent. Decode only at the trusted HTML-rendering layer; never disable escaping for untrusted input.
The symbol becomes a box
A box or missing-glyph marker usually indicates font coverage, not a wrong entity. Test a system sans-serif fallback and confirm the document is decoded as UTF-8. The named and numeric references cannot add a glyph to a font.
The mark looks too small
Trademark glyphs are intentionally compact, and email clients may substitute fonts. Adjust typography only when needed, test the actual client, and avoid replacing the character with an image that cannot adapt to surrounding text.
A framework double-escapes it
Templates commonly escape ampersands to prevent unsafe markup. Prefer the literal ™ in text bindings. If source HTML must be generated, follow the framework's documented safe-HTML boundary instead of concatenating untrusted strings.
Do you need Windows input rather than web source? The Windows trademark Alt code guide owns Alt + 0153 and numeric-keypad troubleshooting.
Developer answers
Trademark Symbol HTML Code Questions
What is the HTML code for the trademark symbol?
Use the named character reference ™, the decimal reference ™, or the hexadecimal reference ™. Each one renders the Unicode trademark character ™ in HTML.
Are ™ and ™ identical?
They are different source representations of the same character. A browser resolves both references to Unicode U+2122, so the text content and copied rendered character are the same.
Can I paste ™ directly into HTML?
Yes. A literal ™ is valid in an HTML document saved and served as UTF-8. Keep a UTF-8 charset declaration near the start of the document and verify the server does not announce a conflicting encoding.
What is the Unicode for the trademark sign?
The trademark sign is Unicode code point U+2122, named TRADE MARK SIGN. Its decimal value is 8482 and its UTF-8 byte sequence is E2 84 A2.
How do I add ™ with CSS or JavaScript?
Use \2122 in a CSS generated-content string and \u2122 in a JavaScript string. Prefer real HTML text when the symbol carries meaning because generated CSS content may not be exposed consistently to assistive technology.
Should I wrap the trademark symbol in <sup>?
Usually no. ™ is already a dedicated Unicode character whose glyph is commonly raised. A literal <sup>TM</sup> creates two letters with styling, not the same character or copy behavior.
Copy the Trademark HTML Entity
Use the named trademark symbol HTML code for readable source, or choose the numeric form that matches your workflow.