You might need the trademark symbol to indicate a brand name, logo, or slogan that is being claimed but not yet officially registered. Whether you are a developer looking for the HTML entity or just need to copy it for a social media post, here is everything you need.

Quick Copy Tool

[copyicon=™ text=Trademark Symbol]

If you are looking for other popular symbols, you can also check our guides for the star symbol or the heart symbol.

How to Type Trademark Symbol on Keyboard

Using a keyboard shortcut is often faster than searching and copying. Here are the shortcuts for all major operating systems.

Windows

On Windows, you can use the Alt Code method. Make sure your Num Lock is on.

  • Shortcut: Hold Alt + Type 0153
  • Alternative: Hold Alt + Type 8482

Mac (macOS)

Apple users have a very simple shortcut built into the system.

  • Shortcut: Press Option + 2

Linux & Chromebook

For developers using Linux distributions (Ubuntu, Debian, etc.) or Chromebooks, the process is slightly different using Unicode entry.

  • Linux (GTK): Press Ctrl + Shift + U, then type 2122 and press Enter.
  • Chromebook: Press Ctrl + Shift + U, then type 2122 and press Enter.

Developer’s Cheat Sheet: HTML, CSS, and Unicode

As a developer, you often need to embed the trademark symbol directly into your code without copying the character itself. Here is the technical reference for your projects.

HTML Entity

When writing raw HTML, it is safer to use character entities to ensure proper rendering across all browsers.

  • Named Entity:
  • Decimal Code:
  • Hex Code:

CSS Content

If you need to append the symbol via CSS pseudo-elements (like ::after), use the escaped Unicode value.

.brand-name::after {
  content: "\2122";
}

JavaScript & React

In JavaScript strings or React JSX, you can use the unicode escape sequence.

const brand = "Devcrea\u2122";
// Output: Devcrea™

If you are working with React state and noticing issues with rendering updates, you might want to review why state updates with objects don't re-render to ensure your dynamic symbols appear correctly.

What is the Difference Between ™ and ®?

It is crucial to use the correct symbol to avoid legal confusion.

  • ™ (Trademark): Used for unregistered marks. It signifies that you claim the term as a trademark, but it is not officially registered with the government patent office.
  • ® (Registered): Strictly for trademarks that have been officially registered. Using this symbol without registration can lead to legal penalties.

Mobile Usage (iOS & Android)

Typing this symbol on mobile devices is straightforward if you know where to look.

  • iOS (iPhone/iPad): Switch to the numbers/symbols keyboard 123, then tap the #+= key. You will find the key there.
  • Android: On Gboard, switch to the symbols layout ?123 and then =\<. The trademark symbol is usually located there. Alternatively, long-press the letter R to see the pop-up option.