Tomato

🍅

Shortcodes

Copy and paste codes for Tomato symbol 🍅 to use in your websites, apps, blogs, and more.

Unicode

U+1F345

HTML Code

🍅

HEX Code

🍅

CSS Code

\1F345

JS/JSON

\u1F345

Unix/C/PHP/JAVA

0x1F345

URL-encode

%F0%9F%8D%85

copied

Customize Tomato Symbol

Customize 🍅 symbol as you like and download Tomato as SVG or PNG or copy its HTML code to use in your projects.

Symbol

Font Size (px)

Text Color

Background Color

Transparent

Font Family

Border Radius (px)

Padding (px)

Live Preview

Preview helps customize symbol. Downloaded image and HTML code may have size/spacing differences.

🍅

HTML Code

How to add Tomato symbol in HTML, CSS, and JS?

Insert 🍅 Tomato using HTML

1. Copy-paste Tomato directly:

<span>🍅</span>

2. HTML Decimal Code:

<span>&#127813;</span>

3. Hexadecimal Code:

<span>&#x1F345;</span>

Preview: 🍅

Add Tomato symbol with CSS

.tomato::before {
    content: '\\1F345';
}

Preview: Tomato

Tomato JavaScript Code

1. Direct Symbol:

document.querySelector('.tomato').textContent = '🍅';

2. Unicode Escape for 🍅:

document.querySelector('.tomato').textContent = '\u1F345';