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
?123and then=\<. The trademark symbol is usually located there. Alternatively, long-press the letter R to see the pop-up option.
Comments (0)
Sign in to comment
Report