Horizontal Traffic Light

๐Ÿšฅ

Shortcodes

Copy and paste codes for Horizontal Traffic Light symbol ๐Ÿšฅ to use in your websites, apps, blogs, and more.

Unicode
U+1F6A5
HTML Code
🚥
HEX Code
🚥
CSS Code
\1F6A5
JS/JSON
\u1F6A5
Unix/C/PHP/JAVA
0x1F6A5
URL-encode
%F0%9F%9A%A5
copied

Customize Horizontal Traffic Light Symbol

Customize ๐Ÿšฅ symbol as you like and download Horizontal Traffic Light as SVG or PNG or copy its HTML code to use in your projects.

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

                        
                    

How to add Horizontal Traffic Light symbol in HTML, CSS, and JS?

Insert ๐Ÿšฅ Horizontal Traffic Light using HTML

1. Copy-paste Horizontal Traffic Light directly:
<span>๐Ÿšฅ</span>
2. HTML Decimal Code:
<span>&#128677;</span>
3. Hexadecimal Code:
<span>&#x1F6A5;</span>
Preview: ๐Ÿšฅ

Add Horizontal Traffic Light symbol with CSS

.horizontal-traffic-light::before {
    content: '\\1F6A5';
}
Preview: Horizontal Traffic Light

Horizontal Traffic Light JavaScript Code

1. Direct Symbol:
document.querySelector('.horizontal-traffic-light').textContent = '๐Ÿšฅ';
2. Unicode Escape for ๐Ÿšฅ:
document.querySelector('.horizontal-traffic-light').textContent = '\u1F6A5';
Preview: ๐Ÿšฅ