The Custom brand logo and favicon section replaces the Cal ID branding on your personal booking page with your own logo and browser icon, so bookers see your brand from the tab title to the footer. You set it under Settings → Custom Branding.
Have your files ready before you start:
Logo — a 600 x 400 px image. A transparent-background .PNG is strongly recommended.
Scroll to the bottom and ensure the toggle for Custom brand logo and favicon is switched ON.
Replacing the default Cal ID mark
5
Upload your brand logo
Click the Upload logo button, then select your 600 x 400 px image.
Putting your logo on the page
6
Upload your brand favicon
Click the Upload favicon button, then select your icon file (ensure it is under 1 MB).
Branding the browser tab icon
7
Save
Click the Update button at the bottom of the section to apply the changes.
For the brand logo, using a file with a transparent background (like a .PNG) is highly recommended. This ensures your logo looks natural whether the booker is viewing your page in Light or Dark mode.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Cal ID","description":"Cal ID help center — scheduling, event types, availability, teams, apps, workflows, and developer tools for the Cal ID meeting scheduler.","colors":{"primary":"#1972F5","light":"#5B9BFF","dark":"#0B4FB8"},"logo":{"light":"https://mintcdn.com/cal-id-docs/k1VHQ7P5ONAHeLvP/logo/light.svg?fit=max\u0026auto=format\u0026n=k1VHQ7P5ONAHeLvP\u0026q=85\u0026s=589c4a9c69ea7387516e6452f592553e","dark":"https://mintcdn.com/cal-id-docs/tkghSGJWVIrQX7X0/logo/dark.svg?fit=max\u0026auto=format\u0026n=tkghSGJWVIrQX7X0\u0026q=85\u0026s=3215902115e27959cb7782b1af38e9fe"},"favicon":"https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/favicon.svg?fit=max\u0026auto=format\u0026n=NUrc1nmEeHvCjwEV\u0026q=85\u0026s=3247c427392ba77a41b08a807c322bfb","navbar":{"links":[{"href":"mailto:support@cal.id","label":"Email Us"}],"primary":{"type":"button","label":"Go to Cal ID","href":"https://cal.id"}},"footer":{"socials":{"x":"https://x.com/OneHash","linkedin":"https://www.linkedin.com/company/onehash"}},"errors":{"404":{"redirect":false,"title":"We couldn't find that page","description":"The page you're looking for doesn't exist or may have moved. Head back to the [Help Center home](/), or jump to [Event Types](/event-types/overview), [Availability](/availability/create), [Teams](/teams/overview), or the [API Reference](/api-reference) — or use the search bar above. Still stuck? Email us at [support@cal.id](mailto:support@cal.id)."}},"contextual":{"options":["copy","view","chatgpt","claude","perplexity","mcp","cursor","vscode","download-spec"],"display":"header"},"styling":{"latex":true},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"cal-id-docs","hasAudioNarration":false,"actualSubdomain":"cal-id-docs","customDomains":["cal.id"],"gitSource":{"type":"github","owner":"onehashai","repo":"mintlify-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"chroma":{"latestBuiltDeploymentHistoryId":"6ab916db4c0abff9c16e8c99","collectionId":"a1537af2-6a4a-409a-a4fe-70a6408ebcf7","liveDeploymentHistoryId":"6ab916db4c0abff9c16e8c99","schemaVersion":"v3"},"feedback":{"thumbs":true,"agentFeedback":false},"entitlements":{"AI_CHAT":{"status":"ENABLED"},"WEB_MCP":{"status":"ENABLED"},"NARRATION":{"status":"ENABLED"}},"buildId":"6ab916db4c0abff9c16e8c99","clientVersion":"0.0.4044","searchFilterCounts":[{"language":"default","tag":"API Reference","count":60},{"language":"default","tag":"Endpoints","count":58},{"language":"default","tag":"Event Types","count":57},{"language":"default","tag":"Scheduling \u0026 Teams","count":31},{"language":"default","tag":"Get Started","count":31},{"language":"default","tag":"Customization \u0026 Settings","count":23},{"language":"default","tag":"Apps \u0026 Integrations","count":22},{"language":"default","tag":"Advanced","count":18},{"language":"default","tag":"Developers","count":17},{"language":"default","tag":"Teams","count":16}],"searchSettings":{"isFiltersEnabled":false}},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":true,"enableContextualStarterQuestions":true,"enableAskAiSearchBar":true,"deflection":{"enabled":true,"email":"support@cal.id"}},"basePath":"/docs","hasChatPermissions":true,"hasWebMcpPermissions":true,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"privacy":{"consentBanner":{"enabled":false}},"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"branding/logo-favicon","slug":"/branding/logo-favicon","pageMetadata":{"title":"Customize Your Brand Logo and Favicon in Cal ID","sidebarTitle":"Logo \u0026 Favicon","description":"Replace the default Cal ID branding on your personal booking page with your own logo and browser tab favicon for a fully white-labeled experience.","icon":"image","keywords":["logo","favicon","upload logo","brand logo","custom favicon","booking page logo"],"related":["/branding/logo-favicon-team","/branding/personal","/branding/brand-colors","/branding/banner","/appearance/appearance"],"href":"/branding/logo-favicon"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Replace the default Cal ID branding on your personal booking page with your own logo and browser tab favicon for a fully white-labeled experience.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,li:`li`,p:`p`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{Card,CardGroup,Frame,Heading,Info,OptimizedImage,Step,Steps,Tip}=_components;if(!Card)_missingMdxReference(`Card`,true);if(!CardGroup)_missingMdxReference(`CardGroup`,true);if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Info)_missingMdxReference(`Info`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);if(!Tip)_missingMdxReference(`Tip`,true);return _jsxs(_Fragment,{children:[_jsx(Info,{children:_jsxs(_components.p,{children:[`This feature is available on the `,_jsx(_components.strong,{children:`Business`}),` and `,_jsx(_components.strong,{children:`Enterprise`}),` plans. See `,_jsx(_components.a,{href:`/getting-started/subscription-and-pricing`,children:`Subscription and pricing`}),`.`]})}),`\n`,_jsxs(_components.p,{children:[`The `,_jsx(_components.strong,{children:`Custom brand logo and favicon`}),` section replaces the Cal ID branding on your personal booking page with your own logo and browser icon, so bookers see your brand from the tab title to the footer. You set it under `,_jsx(_components.strong,{children:`Settings → Custom Branding`}),`.`]}),`\n`,_jsxs(Info,{children:[_jsx(_components.p,{children:`Have your files ready before you start:`}),_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Logo`}),` — a `,_jsx(_components.strong,{children:`600 x 400 px`}),` image. A transparent-background `,_jsx(_components.code,{children:`.PNG`}),` is strongly recommended.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Favicon`}),` — an icon file under `,_jsx(_components.strong,{children:`1 MB`}),`.`]}),`\n`]})]}),`\n`,_jsx(Heading,{level:`2`,id:`step-by-step-configuration`,children:`Step-by-step configuration`}),`\n`,_jsxs(Steps,{children:[_jsx(Step,{title:`Log in to Cal ID`,children:_jsx(_components.p,{children:`Sign in to your account.`})}),_jsx(Step,{title:`Navigate to Settings`,children:_jsxs(_components.p,{children:[`Click the `,_jsx(_components.strong,{children:`Settings`}),` icon in the left-hand sidebar.`]})}),_jsx(Step,{title:`Go to Custom Branding`,children:_jsxs(_components.p,{children:[`Open the `,_jsx(_components.strong,{children:`Custom Branding`}),` section.`]})}),_jsxs(Step,{title:`Enable the feature`,children:[_jsxs(_components.p,{children:[`Scroll to the bottom and ensure the toggle for `,_jsx(_components.strong,{children:`Custom brand logo and favicon`}),` is switched `,_jsx(_components.strong,{children:`ON`}),`.`]}),_jsx(Frame,{caption:`Replacing the default Cal ID mark`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-1.png?fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=f20aa8ca108716669d4dd10b7b26f088`,alt:`Custom Branding section with the Custom brand logo and favicon toggle switched on, revealing the Upload logo and Upload favicon buttons`,\"data-og-width\":`2880`,width:`2880`,\"data-og-height\":`1800`,height:`1800`,\"data-path\":`images/branding/logo-favicon-1.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-1.png?w=280\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=59a25da963f4870a5f7919c021db1768 280w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-1.png?w=560\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=3efcfcd76280849cb681fc2126e3034e 560w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-1.png?w=840\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=64cdbe90ba3d852d2636a8be56d90925 840w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-1.png?w=1100\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=70c56a80b02732a3f938321f672c47a7 1100w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-1.png?w=1650\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=d9bbee76e6c885dc1c0b89124dfbd9cf 1650w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-1.png?w=2500\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=f628a6d721776e5a217aeeed3b946a63 2500w`})})]}),_jsxs(Step,{title:`Upload your brand logo`,children:[_jsxs(_components.p,{children:[`Click the `,_jsx(_components.strong,{children:`Upload logo`}),` button, then select your `,_jsx(_components.strong,{children:`600 x 400 px`}),` image.`]}),_jsx(Frame,{caption:`Putting your logo on the page`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-2.png?fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=9f04fe6fbf99c8b98cdc234fd177b275`,alt:`Upload logo dialog with a file picker, an image preview, and the 600 x 400 px requirement`,\"data-og-width\":`1344`,width:`1344`,\"data-og-height\":`1132`,height:`1132`,\"data-path\":`images/branding/logo-favicon-2.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-2.png?w=280\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=d3fb79eea6a8fe4f1aafefa095c7397b 280w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-2.png?w=560\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=8ae20db1451e5c873fcaba8ba98455b1 560w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-2.png?w=840\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=09cd0861b36df0b9e577b6de4a84ede4 840w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-2.png?w=1100\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=82351ec91aefb3fefcb6abb1466e89ab 1100w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-2.png?w=1650\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=1c39af43560411e8ebe3f0eacb802c6b 1650w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-2.png?w=2500\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=00eaa99483d817511d8258134bc41313 2500w`})})]}),_jsxs(Step,{title:`Upload your brand favicon`,children:[_jsxs(_components.p,{children:[`Click the `,_jsx(_components.strong,{children:`Upload favicon`}),` button, then select your icon file (ensure it is under `,_jsx(_components.strong,{children:`1 MB`}),`).`]}),_jsx(Frame,{caption:`Branding the browser tab icon`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-3.png?fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=8c8084f2ba4e8b85d9a4b0443ae1e67a`,alt:`Upload favicon dialog with a file picker and the 1 MB file size limit`,\"data-og-width\":`960`,width:`960`,\"data-og-height\":`844`,height:`844`,\"data-path\":`images/branding/logo-favicon-3.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-3.png?w=280\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=77c4f377957cd9e643b15d4cd531eb19 280w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-3.png?w=560\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=94a6f9a640c582f8497c2a78ff944aea 560w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-3.png?w=840\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=fd051ab445c2cbd28e3197ddfe0b0093 840w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-3.png?w=1100\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=161d08ee9ac9f16fbbdfe6af1e7024d6 1100w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-3.png?w=1650\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=e66839e6da4e3df8fd92f45d807a726d 1650w, https://mintcdn.com/cal-id-docs/daiEdthULmsjrisX/images/branding/logo-favicon-3.png?w=2500\u0026fit=max\u0026auto=format\u0026n=daiEdthULmsjrisX\u0026q=85\u0026s=55f536e0b9a92a784149f6aad10dd6ed 2500w`})})]}),_jsx(Step,{title:`Save`,children:_jsxs(_components.p,{children:[`Click the `,_jsx(_components.strong,{children:`Update`}),` button at the bottom of the section to apply the changes.`]})})]}),`\n`,_jsx(Tip,{children:_jsxs(_components.p,{children:[`For the `,_jsx(_components.strong,{children:`brand logo`}),`, using a file with a transparent background (like a `,_jsx(_components.code,{children:`.PNG`}),`) is highly recommended. This ensures your logo looks natural whether the booker is viewing your page in `,_jsx(_components.strong,{children:`Light`}),` or `,_jsx(_components.strong,{children:`Dark`}),` mode.`]})}),`\n`,_jsx(Heading,{level:`2`,id:`visible-changes-in-your-account`,children:`Visible changes in your account`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Booking page`}),` — your custom logo appears clearly at the bottom of your booking interface, replacing the default branding.`]}),`\n`]}),`\n`,_jsx(Frame,{caption:`Your logo in place of ours`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/branding/logo-favicon-4.png?fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=f2a4b7fe0f6c915362a09f6c2643bf12`,alt:`Booking page with the custom logo shown at the bottom of the booking interface instead of the Cal ID mark`,\"data-og-width\":`2850`,width:`2850`,\"data-og-height\":`4336`,height:`4336`,\"data-path\":`images/branding/logo-favicon-4.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/branding/logo-favicon-4.png?w=280\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=8451184c9ea09cab37967523792c4076 280w, https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/branding/logo-favicon-4.png?w=560\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=6dce29bc0e4775655d27373badbfeac5 560w, https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/branding/logo-favicon-4.png?w=840\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=f230f9bd546703c06c4961dcbf595fb1 840w, https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/branding/logo-favicon-4.png?w=1100\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=f6b33b0ae91bdd1b1b4a2133d84e8827 1100w, https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/branding/logo-favicon-4.png?w=1650\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=dcd0ba11ff84f0025de58d8c6ec4d22e 1650w, https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/branding/logo-favicon-4.png?w=2500\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=8961317f1b2e32fd689fbb649e202494 2500w`})}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Browser tab`}),` — your uploaded favicon is displayed in the browser tab whenever a booker opens your booking link.`]}),`\n`]}),`\n`,_jsx(Frame,{caption:`Spotting your brand in the tab`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/logo-favicon-5.png?fit=max\u0026auto=format\u0026n=3fu9CIn5wG7tNW3N\u0026q=85\u0026s=de3bddfbfa6f3d16b5b7bda086437bd3`,alt:`Browser tab strip showing the custom favicon next to the booking page title`,\"data-og-width\":`1432`,width:`1432`,\"data-og-height\":`806`,height:`806`,\"data-path\":`images/branding/logo-favicon-5.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/logo-favicon-5.png?w=280\u0026fit=max\u0026auto=format\u0026n=3fu9CIn5wG7tNW3N\u0026q=85\u0026s=2aad4e3bf444e71ed6046f24d7782a4b 280w, https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/logo-favicon-5.png?w=560\u0026fit=max\u0026auto=format\u0026n=3fu9CIn5wG7tNW3N\u0026q=85\u0026s=68174a71cdd1cd55b8fe81aa30c76bd8 560w, https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/logo-favicon-5.png?w=840\u0026fit=max\u0026auto=format\u0026n=3fu9CIn5wG7tNW3N\u0026q=85\u0026s=6634edd777cf5ff8ffdad30cd369fd09 840w, https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/logo-favicon-5.png?w=1100\u0026fit=max\u0026auto=format\u0026n=3fu9CIn5wG7tNW3N\u0026q=85\u0026s=c3b30e6e6e374a1234c1a7085d39205a 1100w, https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/logo-favicon-5.png?w=1650\u0026fit=max\u0026auto=format\u0026n=3fu9CIn5wG7tNW3N\u0026q=85\u0026s=a56fc013efe3f999b3d5726f1361bc1b 1650w, https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/logo-favicon-5.png?w=2500\u0026fit=max\u0026auto=format\u0026n=3fu9CIn5wG7tNW3N\u0026q=85\u0026s=406b4c49045cdb9d7c9e87f6e668f8bd 2500w`})}),`\n`,_jsx(Heading,{level:`2`,id:`team-logo-and-favicon`,children:`Team logo and favicon`}),`\n`,_jsx(CardGroup,{cols:1,children:_jsx(Card,{title:`Set a logo and favicon for a team`,icon:`users`,href:`/branding/logo-favicon-team`,children:_jsx(_components.p,{children:`Apply the same white-label treatment to your team’s shared booking page.`})})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Customize Your Brand Logo and Favicon in Cal ID","sidebarTitle":"Logo \u0026 Favicon","description":"Replace the default Cal ID branding on your personal booking page with your own logo and browser tab favicon for a fully white-labeled experience.","icon":"image","keywords":["logo","favicon","upload logo","brand logo","custom favicon","booking page logo"],"related":["/branding/logo-favicon-team","/branding/personal","/branding/brand-colors","/branding/banner","/appearance/appearance"],"href":"/branding/logo-favicon"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Step-by-step configuration","slug":"step-by-step-configuration","depth":2,"children":[]},{"title":"Visible changes in your account","slug":"visible-changes-in-your-account","depth":2,"children":[]},{"title":"Team logo and favicon","slug":"team-logo-and-favicon","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":["/docs/_mintlify/custom/cal-id-docs/09b4d95490dd9c71/support-crisp.js"],"subdomain":"cal-id-docs","siteName":"Cal ID","title":"Customize Your Brand Logo and Favicon in Cal ID - Cal ID","relatedPages":[{"title":"Customize Your Brand Logo and Favicon in Cal ID for Team","link":"/branding/logo-favicon-team","icon":"image"},{"title":"Custom Branding for Personal","link":"/branding/personal","icon":"wand-magic-sparkles"},{"title":"Managing Custom Brand Colors in Cal ID","link":"/branding/brand-colors","icon":"palette"},{"title":"Public Page Banner","link":"/branding/banner","icon":"image"},{"title":"Customizing Your Appearance in Cal ID","link":"/appearance/appearance","icon":"palette"}],"relatedPagesConfig":{"enabled":true,"limit":5,"mode":"automatic"},"contextualStarterQuestions":[{"_id":"6aad4772d6826e740f7416c5","deploymentId":"6a6c20ecc3064aa95c02d1fd","questionText":"How do I upload a custom logo?","status":"active","generatedBy":"contextual","path":"branding/logo-favicon","createdAt":"2026-09-18T14:15:14.683Z","updatedAt":"2026-09-18T14:15:14.683Z","__v":0},{"_id":"6aad4772d6826e740f7416c7","deploymentId":"6a6c20ecc3064aa95c02d1fd","questionText":"Where is Custom Branding located?","status":"active","generatedBy":"contextual","path":"branding/logo-favicon","createdAt":"2026-09-18T14:15:14.683Z","updatedAt":"2026-09-18T14:15:14.683Z","__v":0},{"_id":"6aad4772d6826e740f7416c6","deploymentId":"6a6c20ecc3064aa95c02d1fd","questionText":"What file formats do I need?","status":"active","generatedBy":"contextual","path":"branding/logo-favicon","createdAt":"2026-09-18T14:15:14.683Z","updatedAt":"2026-09-18T14:15:14.683Z","__v":0}],"navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-09-18T14:14:54.116Z","originalFileLocation":"branding/logo-favicon.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Replace the default Cal ID branding on your personal booking page with your own logo and browser tab favicon for a fully white-labeled experience.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Cal ID\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Customize Your Brand Logo and Favicon in Cal ID - Cal ID\">\u003cmeta data-mint-head property=\"og:description\" content=\"Replace the default Cal ID branding on your personal booking page with your own logo and browser tab favicon for a fully white-labeled experience.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Cal ID\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://cal.id/docs/branding/logo-favicon\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://cal-id-docs.mintlify.app/_mintlify/api/og/v2?division=Branding\u0026amp;title=Customize+Your+Brand+Logo+and+Favicon+in+Cal+ID\u0026amp;description=Replace+the+default+Cal+ID+branding+on+your+personal+booking+page+with+your+own+logo+and+browser+tab+favicon+for+a+fully+white-labeled+experience.\u0026amp;theme=1ce1fba1bcc16a5579de1fe3\u0026amp;signature=fb4783925d92b8a900b50442c33e11cb770fb17c667fde6e45016a95f503ef39\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Customize Your Brand Logo and Favicon in Cal ID - Cal ID\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Replace the default Cal ID branding on your personal booking page with your own logo and browser tab favicon for a fully white-labeled experience.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://cal-id-docs.mintlify.app/_mintlify/api/og/v2?division=Branding\u0026amp;title=Customize+Your+Brand+Logo+and+Favicon+in+Cal+ID\u0026amp;description=Replace+the+default+Cal+ID+branding+on+your+personal+booking+page+with+your+own+logo+and+browser+tab+favicon+for+a+fully+white-labeled+experience.\u0026amp;theme=1ce1fba1bcc16a5579de1fe3\u0026amp;signature=fb4783925d92b8a900b50442c33e11cb770fb17c667fde6e45016a95f503ef39\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/docs/mintlify-assets/_mintlify/favicons/cal-id-docs/Ah-PiVKdxwxdJ_gr/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Cal ID\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#1972F5\">\u003clink data-mint-head rel=\"canonical\" href=\"https://cal.id/docs/branding/logo-favicon\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/docs/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/docs/branding/logo-favicon.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://cal.id/#organization\",\"name\":\"Cal ID\",\"url\":\"https://cal.id\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/cal-id-docs/k1VHQ7P5ONAHeLvP/logo/light.svg?fit=max\u0026auto=format\u0026n=k1VHQ7P5ONAHeLvP\u0026q=85\u0026s=589c4a9c69ea7387516e6452f592553e\"}},{\"@type\":\"WebSite\",\"@id\":\"https://cal.id/docs#website\",\"name\":\"Cal ID\",\"url\":\"https://cal.id/docs\",\"publisher\":{\"@id\":\"https://cal.id/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://cal.id/docs/branding/logo-favicon#webpage\",\"url\":\"https://cal.id/docs/branding/logo-favicon\",\"name\":\"Customize Your Brand Logo and Favicon in Cal ID\",\"description\":\"Replace the default Cal ID branding on your personal booking page with your own logo and browser tab favicon for a fully white-labeled experience.\",\"dateModified\":\"2026-09-18T14:14:54.116Z\",\"isPartOf\":{\"@id\":\"https://cal.id/docs#website\"},\"breadcrumb\":{\"@id\":\"https://cal.id/docs/branding/logo-favicon#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://cal.id/docs/branding/logo-favicon#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Branding\",\"item\":\"https://cal.id/docs/branding/personal\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Customize Your Brand Logo and Favicon in Cal ID\",\"item\":\"https://cal.id/docs/branding/logo-favicon\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://cal.id/docs/branding/logo-favicon#article\",\"headline\":\"Customize Your Brand Logo and Favicon in Cal ID\",\"name\":\"Customize Your Brand Logo and Favicon in Cal ID\",\"description\":\"Replace the default Cal ID branding on your personal booking page with your own logo and browser tab favicon for a fully white-labeled experience.\",\"url\":\"https://cal.id/docs/branding/logo-favicon\",\"mainEntityOfPage\":{\"@id\":\"https://cal.id/docs/branding/logo-favicon#webpage\"},\"dateModified\":\"2026-09-18T14:14:54.116Z\",\"keywords\":\"logo, favicon, upload logo, brand logo, custom favicon, booking page logo\",\"publisher\":{\"@id\":\"https://cal.id/#organization\"},\"isPartOf\":{\"@id\":\"https://cal.id/docs#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Cal ID\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Cal ID","nav":{"global":null,"tabs":[{"tab":"Get Started","pages":[{"title":"Get Started","href":""}]},{"tab":"Event Types","pages":[{"title":"Event Types","href":"/event-types/overview"}]},{"tab":"Scheduling \u0026 Teams","pages":[{"title":"Scheduling \u0026 Teams","href":"/scheduling/overview"}]},{"tab":"Apps \u0026 Integrations","pages":[{"title":"Apps \u0026 Integrations","href":"/apps/overview"}]},{"tab":"Customization \u0026 Settings","groups":[{"group":"Overview","pages":[{"title":"Customization \u0026 Settings","icon":"palette","sidebarTitle":"Overview","href":"/customization/overview"}]},{"group":"Appearance","pages":[{"title":"Customizing Your Appearance in Cal ID","sidebarTitle":"Appearance","icon":"palette","href":"/appearance/appearance"},{"title":"Team Appearance Settings","icon":"users-gear","href":"/appearance/team-appearance"}]},{"group":"Branding","pages":[{"title":"Custom Branding for Personal","icon":"wand-magic-sparkles","href":"/branding/personal"},{"title":"Custom Branding for Teams","icon":"users-gear","href":"/branding/teams"},{"title":"Public Page Banner","icon":"image","href":"/branding/banner"},{"title":"Public Page Banner for Team","icon":"image","href":"/branding/banner-team"},{"title":"How to Add Social Profiles in Cal ID","sidebarTitle":"Social Profiles","icon":"share-nodes","href":"/branding/social-profiles"},{"title":"Managing Custom Brand Colors in Cal ID","sidebarTitle":"Brand Colors","icon":"palette","href":"/branding/brand-colors"},{"title":"Managing Custom Brand Colors in Cal ID for Team","sidebarTitle":"Brand Colors (Team)","description":"Set primary brand colors for the light and dark themes of your team's Cal ID booking page so it matches your company's visual identity.","icon":"palette","href":"/branding/brand-colors-team"},{"title":"Customize Your Brand Logo and Favicon in Cal ID","sidebarTitle":"Logo \u0026 Favicon","icon":"image","href":"/branding/logo-favicon"},{"title":"Customize Your Brand Logo and Favicon in Cal ID for Team","sidebarTitle":"Logo \u0026 Favicon (Team)","description":"Replace the default Cal ID branding on your team's booking page with your own logo and browser tab favicon for a fully white-labeled experience.","icon":"image","href":"/branding/logo-favicon-team"}]},{"group":"Account Settings","pages":[{"title":"Managing Your Cal ID Profile Settings","sidebarTitle":"Profile","icon":"user","href":"/settings/profile"},{"title":"Configure Language, Timezone, and Travel Schedule in Cal ID","sidebarTitle":"General","icon":"globe","href":"/settings/general"},{"title":"User-Level Booking Limits","sidebarTitle":"Booking Limits","icon":"gauge-high","href":"/settings/booking-limits"},{"title":"How to Set Your Internal Time Format","sidebarTitle":"Time Format","icon":"clock","href":"/settings/time-format"},{"title":"Start of the Week","icon":"calendar","href":"/settings/start-of-week"},{"title":"Dynamic Group Links","icon":"link","href":"/settings/dynamic-group-links"},{"title":"Managing Push Notifications in Cal ID","sidebarTitle":"Push Notifications","icon":"bell","href":"/settings/push-notifications"},{"title":"Managing Your Cal ID Account Password","sidebarTitle":"Password","icon":"lock","href":"/settings/password"}]},{"group":"Insights","pages":[{"title":"Analyzing Booking Performance with Cal ID Insights","icon":"chart-line","href":"/insights/booking-performance"},{"title":"Analyzing Workflow Performance in Cal ID Insights","icon":"gears","href":"/insights/workflow-performance"},{"title":"Analyzing Routing Form Performance in Cal ID Insights","icon":"filter","href":"/insights/routing-performance"}]}]},{"tab":"Developers","pages":[{"title":"Developers","href":"/developers/overview"}]},{"tab":"MCP","icon":"plug","pages":[{"title":"MCP","href":"/mcp/overview"}]},{"tab":"API Reference","pages":[{"title":"API Reference","href":"/api-reference/introduction"}]}]},"basePath":"","title":"Customize Your Brand Logo and Favicon in Cal ID - Cal ID","buildId":"dpl_6cCEiK8XNNvaLBBkWzcBhdE9QfLC","deploymentId":"dpl_6cCEiK8XNNvaLBBkWzcBhdE9QfLC","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-Bj1PpgeO.js","DynamicMarkdown-Bas9A7wq.js","zoom-image-lightbox-B-WKhCOL.js","lightbox-handle-r17bVUz3.js"]}
