Brand your Teachable, Kajabi, Thinkific, Podia, or Circle site in 60 seconds. A complete favicon set — every size browsers, iOS, Android, and PWA installs need — packaged in one ZIP. No signup, no design tool, no Fiverr.
Most course creators ship a beautiful landing page, a polished checkout, a well-edited welcome video — and then leave a generic white square or the platform's default logo sitting in the browser tab. That tab icon is one of the cheapest pieces of brand real estate you own, and on mobile it's the icon a student stares at every time they "Add to Home Screen" before your first live cohort call.
The reason most creators skip it is friction. Generating a single 32x32 PNG used to be easy; generating the full set that modern course platforms expect — apple-touch-icon for iOS, 192/512 PNGs for Android PWA, the legacy 16x16 .ico for desktop tabs, plus a manifest.json so installs look right — used to mean a designer or a paid tool. This generator does the entire bundle from text, emoji, or your existing logo, in your browser, in under a minute.
Teachable's default favicon is the platform's own blue square — students see "Teachable" before they see you. Upload your 512x512 to Site → Theme → General Settings and Teachable handles the rest. For paid plans with code injection, drop the full snippet into the Head Code Snippet for crisper retina rendering.
Kajabi sites pull traffic from podcast ads, YouTube end-cards, and email — three places where the favicon is the first thing students see when the tab loads in the background. Upload via Settings → Site Details, and add the apple-touch-icon link tag in Tracking Codes for students who install your offer as a home-screen app.
Both Thinkific and Podia let you upload a favicon in the Site Settings panel, but they only accept a single image and don't generate the full set. Use the ZIP from this tool to upload the 512x512 PNG for the main slot, then paste the additional <link> tags in the custom Head section so iOS and Android get the right size each.
If your community runs on Circle, Mighty Networks, or Discord-with-custom-landing, the tab icon is the silent signal that the student is still inside your brand. Generate once, upload everywhere: it's the cheapest "ecosystem feel" you can buy.
Notion course hubs (via Super, Potion, or Feather) inherit Notion's default favicon unless you override it. Upload the ZIP's apple-touch-icon.png and favicon-32x32.png to your custom-domain tool's Branding tab — instant differentiation from every other Notion-hosted course.
Site → Theme → Edit on your live theme → General → Favicon. Drag in favicon-512x512.png. Done. For Pro plans wanting full control, also paste the snippet into Code Snippets → Head.
Settings → Site Details → Favicon. Upload favicon-512x512.png. Then Settings → Tracking Codes → Head Tracking Code, paste the apple-touch-icon and manifest link tags from the generator snippet.
Settings → Site Settings → Site Identity → Favicon. Upload favicon-32x32.png. For the larger sizes, go to Site Builder → Site Footer → Custom Code (Head) and paste the full snippet.
Settings → Customize → Branding → Favicon. Upload favicon-512x512.png. Podia auto-resizes. If you're on a custom domain, also paste the snippet into the Code Snippets section.
Brand Settings → Logo & Favicon. Upload favicon-512x512.png and (separately) apple-touch-icon.png. Both platforms wire the manifest.json automatically.
Open your site's Settings → SEO & Branding → Favicon. Upload favicon-512x512.png. For best results, also upload apple-touch-icon.png if the tool offers a separate slot.
If your platform supports a custom Head section, this is the only block you need. The generator outputs it pre-filled with the correct paths after you download the ZIP.
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.json">The full set: 16x16 and 32x32 for browser tabs, 48x48 for Windows pinned shortcuts, 180x180 apple-touch-icon for iOS home-screen installs, plus 192x192 and 512x512 PNGs for Android and PWA installs. Skipping the larger sizes means students who add your course to their home screen see a blurry default screenshot — one of the most common pieces of friction for mobile cohort access.
Site → Theme → Edit on your live theme → General Settings → Favicon. Upload the 512x512 PNG from the ZIP. For paid plans with code injection, paste the full <link> block into Code Snippets (Head) for crisper retina rendering.
Settings → Site Details → Favicon. Kajabi accepts PNG up to 512x512. For sharper rendering across Apple devices, also paste the apple-touch-icon link tag from the generator snippet into Settings → Tracking Codes → Head.
Yes. Emoji favicons are the fastest way to ship a recognizable mark pre-launch. The generator rasterizes the emoji into proper PNG and ICO files, which renders identically everywhere — unlike the SVG-emoji trick, which breaks on Safari iOS and older Android Chrome.
Indirectly, yes. Google's mobile search results display the favicon next to each result, and missing or generic favicons hurt click-through against competitors with crisp branding. On checkout, a recognizable tab icon reduces "where did that purchase tab go?" abandonment when students compare offers in side-by-side tabs.
If your community lives on a subdomain or custom domain, yes — upload the same icon there. Both platforms have a dedicated Branding section. Using the same icon across course + community builds the tab-familiarity that pulls students back in for live calls.
Free. Browser-only. No account.