โœ˜
Web logo  UseSymbol
Home ยป All Emojis ยป Transportation Emojis ยป Vertical Traffic Light Emoji

๐Ÿšฆ Vertical Traffic Light Emoji

๐Ÿšฆ
Click above button to copy ๐Ÿšฆ emoji
Shortcodes

Copy and paste shortcodes for ๐Ÿšฆ Vertical Traffic Light.

Unicode U+1F6A6
HTML Code 🚦
CSS Code \1F6A6

How to type ๐Ÿšฆ Vertical Traffic Light?

To type the ๐Ÿšฆ using the keyboard you can the Alt code from the shortcode section. Here are the two simple steps to type the ๐Ÿšฆ using Alt code from your keyboard. Make sure you switch on the Num Lock from the keyboard and you type the number from the Numpad and not from the top row of the keyboard.

  1. Hold down the left Alt Key from your keyboard.
  2. Type the Alt code number and release the Alt key.

Once you release the Alt key, the ๐Ÿšฆ emoji will be displayed. This trick will work for other special characters also.


How to add Vertical Traffic Light Emoji in HTML?

To add the ๐Ÿšฆ Vertical Traffic Light Emoji in HTML, you can use an HTML entity, an HTML code(decimal), and a Hex code. Use the shortcode section to copy the various shortcodes for the Vertical Traffic Light. Here is the example:

// HTML code example
<span>I am &#128678; Emoji</span>

All the above example will display the Vertical Traffic Light emoji as below.

I am ๐Ÿšฆ emoji.

How to add Vertical Traffic Light Emoji in CSS?

To display the Vertical Traffic Light Emoji from CSS, you can use a CSS shortcode or CSS entity. Use the shortcode section to copy the CSS entity code for the Vertical Traffic Light. You can only add content :before or :after an element: Here is the example:

// CSS entity code example
.useSymbol:after {
  content: ' \1F6A6';
}

// The HTML
<div class="useSymbol">Vertical Traffic Light</div>

The above example for CSS entiry for Vertical Traffic Light emoji will display the result as below.

Vertical Traffic Light ๐Ÿšฆ

Copy Paste More Transportation Emoji

Explore All Emoji โž”
ยฉ 2023 UseSymbol