Saint Lucia Flag

🇱🇨

Shortcodes

Copy and paste codes for Saint Lucia Flag symbol 🇱🇨 to use in your websites, apps, blogs, and more.

Unicode

U+1F1F1 U+1F1E8

HTML Code

🇱🇨

HEX Code

🇱🇨

CSS Code

\1F1F1 1F1E8

JS/JSON

\u1F1F1 u1F1E8

Unix/C/PHP/JAVA

0x1F1F1 0x1F1E8

URL-encode

%F0%9F%87%B1%F0%9F%87%A8

copied

Customize Saint Lucia Flag Symbol

Customize 🇱🇨 symbol as you like and download Saint Lucia Flag 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 Saint Lucia Flag symbol in HTML, CSS, and JS?

Insert 🇱🇨 Saint Lucia Flag using HTML

1. Copy-paste Saint Lucia Flag directly:

<span>🇱🇨</span>

2. HTML Decimal Code:

<span>&#127473;&#127464;</span>

3. Hexadecimal Code:

<span>&#x1F1F1;&#x1F1E8;</span>

Preview: 🇱🇨

Add Saint Lucia Flag symbol with CSS

.saint-lucia-flag::before {
    content: '\\1F1F1 1F1E8';
}

Preview: Saint Lucia Flag

Saint Lucia Flag JavaScript Code

1. Direct Symbol:

document.querySelector('.saint-lucia-flag').textContent = '🇱🇨';

2. Unicode Escape for 🇱🇨:

document.querySelector('.saint-lucia-flag').textContent = '\u1F1F1 u1F1E8';

Preview: 🇱🇨

Related Flag Symbols

View all Flag Symbols

Saint Kitts and Nevis Flag

Symbol Clipboard