Personalize each Cal ID event type with a custom icon and accent color so your dashboard and booking page stay visually organized at a glance.
Give every event type its own look. In Cal ID, the Change icon feature lets you pick a unique symbol and accent color for each event, so your dashboard and booking page stay organized and on-brand.
Log in to your Cal ID account and go to the Event Types tab. Find the event you want to change, click the three dots (···), and select Change icon.
2
Pick a symbol
A Choose Icon box will pop up on your screen.
Search: Use the search bar to find a specific icon (like “Video” or “Phone”).
Categories: Browse icons by category, such as Business, Communication, or Education.
Finding an icon that fits
3
Pick a color
Click on the Icon Color box at the bottom.
Enter a specific color code (HEX) or choose a color that matches your brand.
4
Apply
Click Apply to save your new look.
Seeing the new icon in place
For faster visual organization, use color as a system: keep the same color for all “Discovery” meetings and a different color for all “Paid” meetings. A consistent palette lets you scan your schedule at a glance.
{"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":"event-types/basics/custom-icons","slug":"/event-types/basics/custom-icons","pageMetadata":{"title":"Add Custom Event Icons","description":"Personalize each Cal ID event type with a custom icon and accent color so your dashboard and booking page stay visually organized at a glance.","icon":"icons","keywords":["custom icons","event icon","event emoji","event image","personalize event type","icon for event"],"related":["/event-types/basics/edit-details","/event-types/basics/overview","/event-types/basics/reorder","/event-types/basics/duplicate","/appearance/appearance"],"href":"/event-types/basics/custom-icons"},"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: \"Personalize each Cal ID event type with a custom icon and accent color so your dashboard and booking page stay visually organized at a glance.\"\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`,li:`li`,p:`p`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{Card,CardGroup,Frame,Heading,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(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);if(!Tip)_missingMdxReference(`Tip`,true);return _jsxs(_Fragment,{children:[_jsxs(_components.p,{children:[`Give every event type its own look. In `,_jsx(_components.a,{href:`https://cal.id/home`,children:_jsx(_components.strong,{children:`Cal ID`})}),`, the `,_jsx(_components.strong,{children:`Change icon`}),` feature lets you pick a unique symbol and accent color for each event, so your dashboard and booking page stay organized and on-brand.`]}),`\n`,_jsx(Heading,{level:`2`,id:`adding-custom-icons-to-events`,children:`Adding custom icons to events`}),`\n`,_jsx(_components.p,{children:`An icon is the small symbol that represents your meeting. Adding a custom icon helps you stay organized and makes your page look professional.`}),`\n`,_jsx(Heading,{level:`3`,id:`why-use-custom-icons`,children:`Why use custom icons?`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Visual organization`}),`: Tell a “Group Session” apart from a “One-on-One” call at a glance by using different symbols.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Brand matching`}),`: Use your brand’s specific colors to make your booking page feel like a part of your business.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Booker clarity`}),`: Distinct icons for a “Career Counselling” call or a “Workshop” help bookers understand what the meeting is about at a glance.`]}),`\n`]}),`\n`,_jsx(Heading,{level:`2`,id:`how-to-do-it`,children:`How to do it`}),`\n`,_jsxs(Steps,{children:[_jsx(Step,{title:`Open Change icon`,children:_jsxs(_components.p,{children:[`Log in to your `,_jsx(_components.strong,{children:`Cal ID`}),` account and go to the `,_jsx(_components.strong,{children:`Event Types`}),` tab. Find the event you want to change, click the `,_jsx(_components.strong,{children:`three dots (···)`}),`, and select `,_jsx(_components.strong,{children:`Change icon`}),`.`]})}),_jsxs(Step,{title:`Pick a symbol`,children:[_jsxs(_components.p,{children:[`A `,_jsx(_components.strong,{children:`Choose Icon`}),` box will pop up on your screen.`]}),_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Search`}),`: Use the search bar to find a specific icon (like “Video” or “Phone”).`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Categories`}),`: Browse icons by category, such as Business, Communication, or Education.`]}),`\n`]}),_jsx(Frame,{caption:`Finding an icon that fits`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/cal-id-docs/oWp8VvwGXzILCkCY/images/event-types/custom-icons-2.png?fit=max\u0026auto=format\u0026n=oWp8VvwGXzILCkCY\u0026q=85\u0026s=3652df0070b97ca0fd47ae86d48c9564`,alt:`Choose Icon dialog with a search bar and icons grouped into Business, Communication, and Education categories`,\"data-og-width\":`1792`,width:`1792`,\"data-og-height\":`1440`,height:`1440`,\"data-path\":`images/event-types/custom-icons-2.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/cal-id-docs/oWp8VvwGXzILCkCY/images/event-types/custom-icons-2.png?w=280\u0026fit=max\u0026auto=format\u0026n=oWp8VvwGXzILCkCY\u0026q=85\u0026s=841932aa6a431ba8e439c4b4c4b5d682 280w, https://mintcdn.com/cal-id-docs/oWp8VvwGXzILCkCY/images/event-types/custom-icons-2.png?w=560\u0026fit=max\u0026auto=format\u0026n=oWp8VvwGXzILCkCY\u0026q=85\u0026s=fab4cfa198e611ed29a8e01e77f982dd 560w, https://mintcdn.com/cal-id-docs/oWp8VvwGXzILCkCY/images/event-types/custom-icons-2.png?w=840\u0026fit=max\u0026auto=format\u0026n=oWp8VvwGXzILCkCY\u0026q=85\u0026s=1ec49707812d25238d0f9485a99c0207 840w, https://mintcdn.com/cal-id-docs/oWp8VvwGXzILCkCY/images/event-types/custom-icons-2.png?w=1100\u0026fit=max\u0026auto=format\u0026n=oWp8VvwGXzILCkCY\u0026q=85\u0026s=70cfa45b2f734c5efd9d4524a6954ad5 1100w, https://mintcdn.com/cal-id-docs/oWp8VvwGXzILCkCY/images/event-types/custom-icons-2.png?w=1650\u0026fit=max\u0026auto=format\u0026n=oWp8VvwGXzILCkCY\u0026q=85\u0026s=fa9d73521c8cc52a963f4f6350d691c1 1650w, https://mintcdn.com/cal-id-docs/oWp8VvwGXzILCkCY/images/event-types/custom-icons-2.png?w=2500\u0026fit=max\u0026auto=format\u0026n=oWp8VvwGXzILCkCY\u0026q=85\u0026s=8f64bd675fb0a0e7da3a30b02595443f 2500w`})})]}),_jsx(Step,{title:`Pick a color`,children:_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[`Click on the `,_jsx(_components.strong,{children:`Icon Color`}),` box at the bottom.`]}),`\n`,_jsx(_components.li,{children:`Enter a specific color code (HEX) or choose a color that matches your brand.`}),`\n`]})}),_jsxs(Step,{title:`Apply`,children:[_jsxs(_components.p,{children:[`Click `,_jsx(_components.strong,{children:`Apply`}),` to save your new look.`]}),_jsx(Frame,{caption:`Seeing the new icon in place`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/event-types/custom-icons-4.png?fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=9d7321419fb2382d97c0f7bf3256170b`,alt:`Event Types list where each event card shows its custom icon in the chosen accent color`,\"data-og-width\":`2370`,width:`2370`,\"data-og-height\":`2902`,height:`2902`,\"data-path\":`images/event-types/custom-icons-4.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/event-types/custom-icons-4.png?w=280\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=2603644c80200f6895341919c807c96e 280w, https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/event-types/custom-icons-4.png?w=560\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=564e351703115b5aa03dc1c9e4e8a9de 560w, https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/event-types/custom-icons-4.png?w=840\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=ef3a98090eafb4b3d4837b48e752ab6a 840w, https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/event-types/custom-icons-4.png?w=1100\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=5a279f44f50da6d71a15a7a108aa7ba2 1100w, https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/event-types/custom-icons-4.png?w=1650\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=47324ae82a40bc701a420694d47759c9 1650w, https://mintcdn.com/cal-id-docs/xz--DpivWLYp8__F/images/event-types/custom-icons-4.png?w=2500\u0026fit=max\u0026auto=format\u0026n=xz--DpivWLYp8__F\u0026q=85\u0026s=b1d55a76841a93d69776f7466f965de3 2500w`})})]})]}),`\n`,_jsx(Tip,{children:_jsx(_components.p,{children:`For faster visual organization, use color as a system: keep the same color for all “Discovery” meetings and a different color for all “Paid” meetings. A consistent palette lets you scan your schedule at a glance.`})}),`\n`,_jsx(Heading,{level:`2`,id:`other-event-type-touches`,children:`Other event type touches`}),`\n`,_jsxs(CardGroup,{cols:2,children:[_jsx(Card,{title:`Edit Event Details`,icon:`pen`,href:`/event-types/basics/edit-details`,children:_jsx(_components.p,{children:`Update the title, URL, description, and language of an event type.`})}),_jsx(Card,{title:`Reorder Event Types`,icon:`arrow-up-arrow-down`,href:`/event-types/basics/reorder`,children:_jsx(_components.p,{children:`Control the order your events appear in on your booking page.`})}),_jsx(Card,{title:`Duplicate an Event Type`,icon:`copy`,href:`/event-types/basics/duplicate`,children:_jsx(_components.p,{children:`Copy an event type to reuse its settings for a new one.`})}),_jsx(Card,{title:`Appearance`,icon:`palette`,href:`/appearance/appearance`,children:_jsx(_components.p,{children:`Customize the look of your 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":"Add Custom Event Icons","description":"Personalize each Cal ID event type with a custom icon and accent color so your dashboard and booking page stay visually organized at a glance.","icon":"icons","keywords":["custom icons","event icon","event emoji","event image","personalize event type","icon for event"],"related":["/event-types/basics/edit-details","/event-types/basics/overview","/event-types/basics/reorder","/event-types/basics/duplicate","/appearance/appearance"],"href":"/event-types/basics/custom-icons"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Adding custom icons to events","slug":"adding-custom-icons-to-events","depth":2,"children":[{"title":"Why use custom icons?","slug":"why-use-custom-icons","depth":3,"children":[]}]},{"title":"How to do it","slug":"how-to-do-it","depth":2,"children":[]},{"title":"Other event type touches","slug":"other-event-type-touches","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":["/docs/_mintlify/custom/cal-id-docs/09b4d95490dd9c71/support-crisp.js"],"subdomain":"cal-id-docs","siteName":"Cal ID","title":"Add Custom Event Icons - Cal ID","relatedPages":[{"title":"Edit Event Type Details","link":"/event-types/basics/edit-details","icon":"pen"},{"title":"Creating and Managing Event Types","link":"/event-types/basics/overview","icon":"calendar"},{"title":"Reorder Event Types","link":"/event-types/basics/reorder","icon":"arrow-up-arrow-down"},{"title":"Duplicate an Event Type","link":"/event-types/basics/duplicate","icon":"copy"},{"title":"Customizing Your Appearance in Cal ID","link":"/appearance/appearance","icon":"palette"}],"relatedPagesConfig":{"enabled":true,"limit":5,"mode":"automatic"},"contextualStarterQuestions":[{"_id":"6a98629ecabf01e77694fd61","deploymentId":"6a6c20ecc3064aa95c02d1fd","questionText":"Why use custom event icons?","status":"active","generatedBy":"contextual","path":"event-types/basics/custom-icons","createdAt":"2026-09-02T17:53:34.617Z","updatedAt":"2026-09-02T17:53:34.617Z","__v":0},{"_id":"6a98629ecabf01e77694fd60","deploymentId":"6a6c20ecc3064aa95c02d1fd","questionText":"What icon categories are available?","status":"active","generatedBy":"contextual","path":"event-types/basics/custom-icons","createdAt":"2026-09-02T17:53:34.617Z","updatedAt":"2026-09-02T17:53:34.617Z","__v":0},{"_id":"6a98629ecabf01e77694fd5f","deploymentId":"6a6c20ecc3064aa95c02d1fd","questionText":"How do I add a custom icon?","status":"active","generatedBy":"contextual","path":"event-types/basics/custom-icons","createdAt":"2026-09-02T17:53:34.617Z","updatedAt":"2026-09-02T17:53:34.617Z","__v":0}],"navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-09-02T17:52:58.898Z","originalFileLocation":"event-types/basics/custom-icons.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=\"Personalize each Cal ID event type with a custom icon and accent color so your dashboard and booking page stay visually organized at a glance.\">\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=\"Add Custom Event Icons - Cal ID\">\u003cmeta data-mint-head property=\"og:description\" content=\"Personalize each Cal ID event type with a custom icon and accent color so your dashboard and booking page stay visually organized at a glance.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Cal ID\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://cal.id/docs/event-types/basics/custom-icons\">\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=Basics\u0026amp;title=Add+Custom+Event+Icons\u0026amp;description=Personalize+each+Cal+ID+event+type+with+a+custom+icon+and+accent+color+so+your+dashboard+and+booking+page+stay+visually+organized+at+a+glance.\u0026amp;theme=1ce1fba1bcc16a5579de1fe3\u0026amp;signature=c69291703660ed9a42daf5bfb24ac6bfc4ca2d25400b9d38eef166e7c1339a2e\">\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=\"Add Custom Event Icons - Cal ID\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Personalize each Cal ID event type with a custom icon and accent color so your dashboard and booking page stay visually organized at a glance.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://cal-id-docs.mintlify.app/_mintlify/api/og/v2?division=Basics\u0026amp;title=Add+Custom+Event+Icons\u0026amp;description=Personalize+each+Cal+ID+event+type+with+a+custom+icon+and+accent+color+so+your+dashboard+and+booking+page+stay+visually+organized+at+a+glance.\u0026amp;theme=1ce1fba1bcc16a5579de1fe3\u0026amp;signature=c69291703660ed9a42daf5bfb24ac6bfc4ca2d25400b9d38eef166e7c1339a2e\">\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/event-types/basics/custom-icons\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/docs/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/docs/event-types/basics/custom-icons.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/event-types/basics/custom-icons#webpage\",\"url\":\"https://cal.id/docs/event-types/basics/custom-icons\",\"name\":\"Add Custom Event Icons\",\"description\":\"Personalize each Cal ID event type with a custom icon and accent color so your dashboard and booking page stay visually organized at a glance.\",\"dateModified\":\"2026-09-02T17:52:58.898Z\",\"isPartOf\":{\"@id\":\"https://cal.id/docs#website\"},\"breadcrumb\":{\"@id\":\"https://cal.id/docs/event-types/basics/custom-icons#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://cal.id/docs/event-types/basics/custom-icons#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Basics\",\"item\":\"https://cal.id/docs/event-types/basics/overview\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add Custom Event Icons\",\"item\":\"https://cal.id/docs/event-types/basics/custom-icons\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://cal.id/docs/event-types/basics/custom-icons#article\",\"headline\":\"Add Custom Event Icons\",\"name\":\"Add Custom Event Icons\",\"description\":\"Personalize each Cal ID event type with a custom icon and accent color so your dashboard and booking page stay visually organized at a glance.\",\"url\":\"https://cal.id/docs/event-types/basics/custom-icons\",\"mainEntityOfPage\":{\"@id\":\"https://cal.id/docs/event-types/basics/custom-icons#webpage\"},\"dateModified\":\"2026-09-02T17:52:58.898Z\",\"keywords\":\"custom icons, event icon, event emoji, event image, personalize event type, icon for event\",\"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","groups":[{"group":"Overview","pages":[{"title":"Event Types Overview","icon":"calendar","sidebarTitle":"Overview","href":"/event-types/overview"}]},{"group":"Basics","pages":[{"title":"Creating and Managing Event Types","sidebarTitle":"Event Types","icon":"calendar","href":"/event-types/basics/overview"},{"title":"Edit Event Type Details","icon":"pen","href":"/event-types/basics/edit-details"},{"title":"Reorder Event Types","icon":"arrow-up-arrow-down","href":"/event-types/basics/reorder"},{"title":"Duplicate an Event Type","description":"Make an exact copy of an existing Cal ID event type to save time, keep settings consistent, and quickly launch variations for different meetings.","icon":"copy","href":"/event-types/basics/duplicate"},{"title":"Add Custom Event Icons","icon":"icons","href":"/event-types/basics/custom-icons"},{"title":"Secret or Private Events","description":"Keep specific Cal ID event types hidden from your public profile so they are only bookable by people who receive the direct link from you.","icon":"eye-slash","href":"/event-types/basics/secret-events"},{"title":"Delete an Event Type","icon":"trash","href":"/event-types/basics/delete"}]},{"group":"Event Setup","pages":[{"title":"Set Event Location","icon":"location-dot","href":"/event-types/setup/location"},{"title":"Set Multiple Durations","icon":"clock","href":"/event-types/setup/multiple-durations"},{"title":"Set Event-Type Availability","icon":"calendar-check","href":"/event-types/setup/event-availability"}]},{"group":"Booking Limits","pages":[{"title":"Buffers Between Events","icon":"hourglass-half","href":"/event-types/limits/buffers"},{"title":"Set Minimum Booking Notice","icon":"clock","href":"/event-types/limits/minimum-notice"},{"title":"Time-Slot Intervals","icon":"table-cells","href":"/event-types/limits/time-slot-intervals"},{"title":"Limit Booking Frequency","icon":"gauge","href":"/event-types/limits/booking-frequency"},{"title":"Show Only the First Slot Each Day","sidebarTitle":"First Slot Only","icon":"calendar-day","href":"/event-types/limits/first-slot-only"},{"title":"Limit Total Booking Duration","icon":"stopwatch","href":"/event-types/limits/total-duration"},{"title":"Booker Active Booking Limit","icon":"user-lock","href":"/event-types/limits/booker-limit"},{"title":"Limit Future Bookings","icon":"calendar-days","href":"/event-types/limits/future-booking"}]},{"group":"Booking Questions","pages":[{"title":"Add Pre-Booking Questions for Events","icon":"circle-question","href":"/event-types/booking-questions/pre-booking-questions"},{"title":"Hide and Prefill Booking Questions","icon":"eye-slash","href":"/event-types/booking-questions/hide-prefill"},{"title":"Require or Exclude Email Domains","icon":"at","href":"/event-types/booking-questions/email-domains"},{"title":"Add Attachments to Booking Pages","icon":"paperclip","href":"/event-types/booking-questions/attachments"},{"title":"Create a Phone-only Event Type","icon":"phone","href":"/event-types/booking-questions/phone-only"},{"title":"Split Full Name into First and Last Name on Booking Page","sidebarTitle":"Split Full Name","icon":"user-pen","href":"/event-types/booking-questions/split-name"},{"title":"Verify Booker Email","icon":"envelope-circle-check","href":"/event-types/booking-questions/verify-email"},{"title":"Enable Captcha on Booking Page","icon":"shield-halved","href":"/event-types/booking-questions/captcha"},{"title":"Disable Adding Guests","icon":"user-slash","href":"/event-types/booking-questions/disable-guests"}]},{"group":"Advanced","pages":[{"title":"Add Events to Calendar","icon":"calendar","href":"/event-types/advanced/add-to-calendar"},{"title":"Attendee Calendar Invite Status","sidebarTitle":"Attendee invite status","icon":"calendar-check","href":"/event-types/advanced/attendee-invite-status"},{"title":"Disable Default Confirmation Emails","icon":"envelope","href":"/event-types/advanced/disable-confirmation-emails"},{"title":"Look Busy: Hide Some Available Slots","sidebarTitle":"Look Busy","icon":"eye-slash","href":"/event-types/advanced/look-busy"},{"title":"Custom Event Name in Booking","icon":"pen","href":"/event-types/advanced/custom-event-name"},{"title":"Require Booking Confirmation","icon":"circle-check","href":"/event-types/advanced/requires-confirmation"},{"title":"Disable Rescheduling and Cancelling","icon":"lock","href":"/event-types/advanced/disable-reschedule-cancel"},{"title":"Hide Notes in Calendar","icon":"note-sticky","href":"/event-types/advanced/hide-notes"},{"title":"Hide Calendar Event Details on Shared Calendars","icon":"user-shield","href":"/event-types/advanced/hide-calendar-details"},{"title":"Booking Success Redirect Parameters","icon":"link","href":"/event-types/advanced/success-redirect-params"},{"title":"Single-Use or Time-Based Private Links","icon":"link-slash","href":"/event-types/advanced/private-links"},{"title":"Offer Seats for Group Bookings","sidebarTitle":"Offer Seats","icon":"users","href":"/event-types/advanced/offer-seats"},{"title":"Booking Success URL","icon":"arrow-up-right-from-square","href":"/event-types/advanced/success-url"},{"title":"Hide Organizer's Email","icon":"envelope-circle-check","href":"/event-types/advanced/hide-organizer-email"},{"title":"Lock Timezone on Booking Page","icon":"clock","href":"/event-types/advanced/lock-timezone"},{"title":"Allow Rescheduling Past Events","icon":"clock-rotate-left","href":"/event-types/advanced/reschedule-past"},{"title":"Book via Reschedule Link","icon":"calendar-plus","href":"/event-types/advanced/book-via-reschedule-link"},{"title":"Custom 'Reply-To' Email","icon":"reply","href":"/event-types/advanced/custom-reply-to"}]},{"group":"Recurring \u0026 Embed","pages":[{"title":"One-Time Group Events","sidebarTitle":"Group Events","icon":"users","href":"/event-types/group-events"},{"title":"Recurring Events","icon":"repeat","href":"/event-types/recurring"},{"title":"Multi-Slot Booking","sidebarTitle":"Multi-Slot Booking","icon":"calendar-plus","href":"/event-types/multi-slot-booking"},{"title":"Embed Your Booking Link","icon":"code","href":"/event-types/embed"},{"title":"Setting Up Event-Specific Webhooks","icon":"webhook","href":"/event-types/event-webhooks"},{"title":"Enable Apps per Event Type","icon":"grid-2","href":"/event-types/enable-apps"}]}]},{"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","pages":[{"title":"Customization \u0026 Settings","href":"/customization/overview"}]},{"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":"Add Custom Event Icons - 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"]}