Foggy

🌁

Shortcodes

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

Unicode

U+1F301

HTML Code

🌁

HEX Code

🌁

CSS Code

\1F301

JS/JSON

\u1F301

Unix/C/PHP/JAVA

0x1F301

URL-encode

%F0%9F%8C%81

copied

Customize Foggy Symbol

Customize 🌁 symbol as you like and download Foggy 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 Foggy symbol in HTML, CSS, and JS?

Insert 🌁 Foggy using HTML

1. Copy-paste Foggy directly:

<span>🌁</span>

2. HTML Decimal Code:

<span>&#127745;</span>

3. Hexadecimal Code:

<span>&#x1F301;</span>

Preview: 🌁

Add Foggy symbol with CSS

.foggy::before {
    content: '\\1F301';
}

Preview: Foggy

Foggy JavaScript Code

1. Direct Symbol:

document.querySelector('.foggy').textContent = '🌁';

2. Unicode Escape for 🌁:

document.querySelector('.foggy').textContent = '\u1F301';

Preview: 🌁

Related Weather Symbols

View all Weather Symbols

Umbrella With Rain Drops

⛅

Sun Behind Cloud

⛈

Thunder Cloud And Rain

Tight Trifoliate Snowflake

❆

Heavy Chevron Snowflake

Sunset Over Buildings