Jack-O-Lantern Favicon
emoji favicon for any website. SVG, ICO, and PNG formats. Served from a global edge network in one HTTP request.
✨ Customize (change shape, color, animation) →Install in your framework
Pick your stack, copy, paste. Works everywhere.
<!-- Paste into <head> --> <link rel="icon" type="image/svg+xml" href="https://emojifavicons.com/jack-o-lantern" /> <link rel="apple-touch-icon" href="https://emojifavicons.com/apple-touch-icon/jack-o-lantern" />
<!-- Auto-adapt favicon for system light/dark mode --> <link rel="icon" type="image/svg+xml" href="https://emojifavicons.com/jack-o-lantern?bg=ffffff&shape=rounded" media="(prefers-color-scheme: light)" /> <link rel="icon" type="image/svg+xml" href="https://emojifavicons.com/jack-o-lantern?bg=0a0a0a&shape=rounded" media="(prefers-color-scheme: dark)" /> <link rel="apple-touch-icon" href="https://emojifavicons.com/apple-touch-icon/jack-o-lantern" />
<!-- index.html --> <link rel="icon" type="image/svg+xml" href="https://emojifavicons.com/jack-o-lantern" /> <link rel="apple-touch-icon" href="https://emojifavicons.com/apple-touch-icon/jack-o-lantern" />
// app/layout.tsx
export const metadata = {
icons: {
icon: 'https://emojifavicons.com/jack-o-lantern',
apple: 'https://emojifavicons.com/apple-touch-icon/jack-o-lantern',
},
};<!-- index.html (Vite) or nuxt.config.ts --> <link rel="icon" type="image/svg+xml" href="https://emojifavicons.com/jack-o-lantern"> <link rel="apple-touch-icon" href="https://emojifavicons.com/apple-touch-icon/jack-o-lantern">
<!-- src/layouts/BaseLayout.astro --> <link rel="icon" type="image/svg+xml" href="https://emojifavicons.com/jack-o-lantern" /> <link rel="apple-touch-icon" href="https://emojifavicons.com/apple-touch-icon/jack-o-lantern" />
<!-- src/app.html --> <link rel="icon" type="image/svg+xml" href="https://emojifavicons.com/jack-o-lantern" /> <link rel="apple-touch-icon" href="https://emojifavicons.com/apple-touch-icon/jack-o-lantern" />
// Add to functions.php
add_action('wp_head', function () {
echo '<link rel="icon" href="https://emojifavicons.com/jack-o-lantern" type="image/svg+xml">';
echo '<link rel="apple-touch-icon" href="https://emojifavicons.com/apple-touch-icon/jack-o-lantern">';
});<!-- layout/theme.liquid --> <link rel="icon" type="image/svg+xml" href="https://emojifavicons.com/jack-o-lantern"> <link rel="apple-touch-icon" href="https://emojifavicons.com/apple-touch-icon/jack-o-lantern">
Variant previews
Tap any variant to copy its link, HTML tag, or CSS cursor. ?shape=circle&bg=1a1a1a.
What does the Jack-O-Lantern 🎃 emoji mean?
The Jack-o-lantern emoji 🎃 shows a carved orange pumpkin with a glowing triangular-eyed face. Core emoji of "spooky season" — the weeks from late September through October 31 when social media goes all-in on Halloween content. Also used for autumn aesthetic posts, pumpkin-spice season, and trick-or-treating plans.
Common uses
- Halloween and spooky-season content
- Pumpkin-spice and autumn aesthetic posts
- Trick-or-treat and costume plans
- Scary-movie and horror-book reviews
- October calendar and birthday posts
Keywords
Unicode
| Name | Jack-O-Lantern |
|---|---|
| Glyph | 🎃 |
| Codepoint | U+1F383 |
| Category | Activities |
| Shortcode | :jack_o_lantern: |
| Slug | jack-o-lantern |
Jack-O-Lantern favicon by framework
Step-by-step install guides.
Related Activities favicons
Frequently asked questions
How do I use 🎃 as a favicon?
Add one line to your HTML <head>: <link rel="icon" href="https://emojifavicons.com/jack-o-lantern">. The Jack-O-Lantern favicon is served as an SVG from a global edge network and works in every modern browser.
Does the Jack-O-Lantern favicon work on Safari and iOS?
Yes. The SVG is served to Chrome, Firefox, Edge, Opera, and Brave. Safari receives an automatically converted PNG. For iOS home-screen icons, also add <link rel="apple-touch-icon" href="https://emojifavicons.com/apple-touch-icon/jack-o-lantern">.
Can I customize the Jack-O-Lantern favicon (shape, background, size)?
Yes. Append query parameters: ?shape=circle&bg=f59e0b&size=64. Supported shapes include circle, rounded, hexagon, diamond, squircle, shield, and badge. Sizes 16–512 are supported.
What is the Unicode codepoint of 🎃?
The Jack-O-Lantern emoji 🎃 is encoded as U+1F383. You can reference it in HTML as 🎃 or in CSS as content: "\1F383";.
Does the Jack-O-Lantern favicon adapt to dark mode?
By default the SVG is transparent and works on any background. For dark-mode–specific variants, serve two <link> tags with media="(prefers-color-scheme: dark)" and different ?bg= values.
What does the Jack-O-Lantern emoji mean?
The Jack-o-lantern emoji 🎃 shows a carved orange pumpkin with a glowing triangular-eyed face. Core emoji of "spooky season" — the weeks from late September through October 31 when social media goes all-in on Halloween content. Also used for autumn aesthetic posts, pumpkin-spice season, and trick-or-treating plans.