Update to use lucide icons

handotdev · handotdev · commit b82428f29847 · 2025-04-23T16:55:28.000-07:00
diff --git a/api-playground/troubleshooting.mdx b/api-playground/troubleshooting.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Troubleshooting"
 description: "Common issues with API References"
-icon: "triangle-exclamation"
+icon: "message-square-warning"
 ---
 
 API pages are complicated. As a result, there are a lot of things that can go wrong.
diff --git a/content/components/accordion-groups.mdx b/content/components/accordion-groups.mdx
@@ -1,7 +1,6 @@
 ---
 title: "Accordion Groups"
 description: "Group multiple accordions into a single display."
-icon: "table-rows"
 ---
 
 Simply add `<AccordionGroup>` around your existing `<Accordion>` components.
diff --git a/content/components/accordions.mdx b/content/components/accordions.mdx
@@ -1,7 +1,6 @@
 ---
 title: "Accordions"
 description: "A dropdown component to toggle content visibility"
-icon: "square-caret-down"
 ---
 
 <Accordion title="I am an Accordion.">
diff --git a/content/components/callouts.mdx b/content/components/callouts.mdx
@@ -1,7 +1,6 @@
 ---
 title: 'Callout Boxes'
 description: 'Use callouts to add eye-catching context to your content'
-icon: 'circle-exclamation'
 ---
 
 Callouts can be styled as a Note, Warning, Info, Tip, or Check:
diff --git a/content/components/card-groups.mdx b/content/components/card-groups.mdx
@@ -1,7 +1,6 @@
 ---
 title: 'Card Groups'
 description: 'Show cards side by side in a grid format'
-icon: 'rectangles-mixed'
 ---
 
 The `CardGroup` component lets you group multiple `Card` components together. It's most often used to put multiple cards in a grid, by specifying the number of grid columns.
diff --git a/content/components/cards.mdx b/content/components/cards.mdx
@@ -1,7 +1,6 @@
 ---
 title: "Cards"
 description: "Highlight main points or links with customizable icons"
-icon: "rectangle"
 ---
 
 <Card title="Card Title" icon="link" href="/content/components/card-groups">
diff --git a/content/components/code-groups.mdx b/content/components/code-groups.mdx
@@ -1,7 +1,6 @@
 ---
 title: "Code Groups"
 description: "The CodeGroup component lets you combine code blocks in a display separated by tabs"
-icon: "rectangle-code"
 ---
 
 You will need to make [Code Blocks](/content/components/code) then add the `<CodeGroup>` component around them. Every Code Block must have a filename because we use the names for the tab buttons.
diff --git a/content/components/code.mdx b/content/components/code.mdx
@@ -1,7 +1,6 @@
 ---
 title: "Code Blocks"
 description: "Display code with optional syntax highlighting"
-icon: "code"
 ---
 
 <RequestExample>
diff --git a/content/components/expandables.mdx b/content/components/expandables.mdx
@@ -1,7 +1,6 @@
 ---
 title: "Expandables"
 description: "Toggle to display nested properties."
-icon: "caret-down"
 ---
 
 <ResponseField name="user" type="User Object">
diff --git a/content/components/frames.mdx b/content/components/frames.mdx
@@ -1,7 +1,6 @@
 ---
 title: "Frames"
 description: "Use the Frame component to wrap images or other components in a container."
-icon: "frame"
 ---
 
 Frames are very helpful if you want to center an image.
diff --git a/content/components/icons.mdx b/content/components/icons.mdx
@@ -1,7 +1,6 @@
 ---
 title: "Icons"
 description: "Use [Font Awesome](https://fontawesome.com/icons) or [Lucide](https://lucide.dev/icons) icons anywhere in the doc"
-icon: "icons"
 ---
 
 <Icon icon="check" size={32} />
diff --git a/content/components/mermaid-diagrams.mdx b/content/components/mermaid-diagrams.mdx
@@ -1,7 +1,6 @@
 ---
 title: 'Mermaid Diagrams'
 description: 'Display diagrams using Mermaid'
-icon: 'diagram-project'
 ---
 
 <RequestExample>
diff --git a/content/components/params.mdx b/content/components/params.mdx
@@ -1,7 +1,6 @@
 ---
 title: "Parameter Fields"
 description: "Set path, query, and body parameters"
-icon: "text-size"
 ---
 
 `ParamField` components help define the parameters for your APIs or SDKs. Adding a ParamField will automatically add an [API Playground](/api-playground/overview).
diff --git a/content/components/responses.mdx b/content/components/responses.mdx
@@ -1,7 +1,6 @@
 ---
 title: 'Response Fields'
 description: 'Display API response values'
-icon: 'message'
 ---
 
 The `<ResponseField>` component is designed to define the return values of an API. Many docs also use `<ResponseField>` on pages when you need to list the types of something.
diff --git a/content/components/reusable-components.mdx b/content/components/reusable-components.mdx
@@ -1,7 +1,6 @@
 ---
 title: "Reusable Components"
 description: "Reusable, custom component snippets"
-icon: "recycle"
 ---
 
 Much like custom content [snippets](/reusable-snippets) that can be added in MDX files, you can add reusable components as snippets.
diff --git a/content/components/steps.mdx b/content/components/steps.mdx
@@ -1,7 +1,6 @@
 ---
 title: 'Steps'
 description: 'Sequence content using the Steps component'
-icon: 'arrow-progress'
 ---
 
 Steps are the best way to display a series of actions of events to your users. You can add as many steps as desired.
diff --git a/content/components/sticky-examples.mdx b/content/components/sticky-examples.mdx
@@ -1,7 +1,6 @@
 ---
 title: "Sidebar Code Examples"
 description: "Display code blocks at the top-right of the page on desktop devices"
-icon: "sidebar-flip"
 ---
 
 The `<RequestExample>` and `<ResponseExample>` stick code blocks to the top-right of a page even as you scroll. The components work on all pages even if you don't use an API playground.
diff --git a/content/components/tabs.mdx b/content/components/tabs.mdx
@@ -1,7 +1,6 @@
 ---
 title: "Tabs"
 description: "Toggle content using the Tabs component"
-icon: "window-restore"
 ---
 
 You can add any number of tabs, and other components inside of tabs.
diff --git a/content/components/tooltips.mdx b/content/components/tooltips.mdx
@@ -1,7 +1,6 @@
 ---
 title: 'Tooltips'
 description: 'Show a definition when you hover over text.'
-icon: 'message-lines'
 ---
 
 <Tooltip tip="This is a tooltip!">Hover over me</Tooltip> and see a tooltip in action
diff --git a/content/components/update.mdx b/content/components/update.mdx
@@ -1,7 +1,6 @@
 ---
 title: "Update"
 description: "Keep track of changes and updates"
-icon: "rectangle-history"
 ---
 
 The `Update` component is used to keep track of changes and updates.
diff --git a/docs.json b/docs.json
@@ -8,11 +8,14 @@
     "dark": "#0D9373"
   },
   "favicon": "/favicon.svg",
+  "icons": {
+    "library": "lucide"
+  },
   "navigation": {
     "dropdowns": [
       {
         "dropdown": "Getting Started",
-        "icon": "book",
+        "icon": "layers",
         "description": "Set up your documentation",
         "groups": [
           {
@@ -21,7 +24,7 @@
               "quickstart",
               {
                 "group": "Editing",
-                "icon": "pen-paintbrush",
+                "icon": "pencil-ruler",
                 "pages": ["development", "web-editor"]
               },
               "settings/global",
@@ -58,7 +61,7 @@
               "api-playground/overview",
               {
                 "group": "OpenAPI",
-                "icon": "brackets-curly",
+                "icon": "file-json",
                 "pages": [
                   "api-playground/openapi/setup",
                   "api-playground/openapi/writing-openapi",
@@ -67,7 +70,7 @@
               },
               {
                 "group": "AsyncAPI",
-                "icon": "brackets-curly",
+                "icon": "webhook",
                 "pages": [
                   "api-playground/asyncapi/setup",
                   "api-playground/asyncapi/playground"
@@ -112,7 +115,7 @@
               },
               {
                 "group": "Auth & Personalization",
-                "icon": "user-lock",
+                "icon": "user",
                 "pages": [
                   "settings/authentication-personalization/authentication",
                   "settings/authentication-personalization/partial-authentication",
@@ -142,20 +145,20 @@
               },
               {
                 "group": "Dashboard Access",
-                "icon": "house-lock",
+                "icon": "gauge",
                 "pages": [
                   "advanced/dashboard/sso",
                   "advanced/dashboard/permissions"
                 ]
               },
               {
                 "group": "Model Context Protocol",
-                "icon": "server",
+                "icon": "audio-waveform",
                 "pages": ["advanced/mcp/quickstart", "advanced/mcp/generate"]
               },
               {
                 "group": "REST API",
-                "icon": "brackets-curly",
+                "icon": "code",
                 "pages": [
                   "advanced/rest-api/overview",
                   {
@@ -180,7 +183,7 @@
       },
       {
         "dropdown": "Components",
-        "icon": "block-brick",
+        "icon": "component",
         "description": "Component library",
         "groups": [
           {
@@ -203,7 +206,7 @@
             ]
           },
           {
-            "group": "Custom Components",
+            "group": "Reusable Components",
             "pages": ["content/components/reusable-components"]
           },
           {
@@ -219,7 +222,7 @@
       },
       {
         "dropdown": "Integrations",
-        "icon": "plug",
+        "icon": "blocks",
         "description": "Connect your providers",
         "groups": [
           {
@@ -268,7 +271,7 @@
       },
       {
         "dropdown": "Changelog",
-        "icon": "list-timeline",
+        "icon": "audio-waveform",
         "description": "Updates and changes",
         "groups": [
           {
@@ -387,12 +390,5 @@
   },
   "contextual": {
     "options": ["copy", "view", "chatgpt", "claude"]
-  },
-  "seo": {
-    "metatags": {
-      "og:site_name": "Mintlify",
-      "og:title": "Mintlify Docs",
-      "og:description": "Mintlify is a documentation platform that helps you create, manage, and share documentation for your projects."
-    }
   }
 }
diff --git a/migration.mdx b/migration.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Migration"
 description: "How to migrate documentation from your existing provider"
-icon: "arrow-up-from-bracket"
+icon: "import"
 ---
 
 You can use our [public packages](https://www.npmjs.com/package/@mintlify/scraping) to convert your existing documentation to Mintlify.
diff --git a/page.mdx b/page.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Page Titles and Metadata"
 description: "Setting the title and metadata for navigation and SEO"
-icon: 'text-size'
+icon: 'letter-text'
 ---
 
 ## The Basics
diff --git a/settings/broken-links.mdx b/settings/broken-links.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Redirects and Broken Links"
 description: "Tools to help prevent invalid links"
-icon: 'link-simple'
+icon: 'link-2'
 ---
 
 When you change the path of a file in your docs folder, it will also change the path of the URL to that page. This may happen when restructuring your docs or changing the sidebar title.
diff --git a/settings/llms.mdx b/settings/llms.mdx
@@ -1,7 +1,7 @@
 ---
 title: "LLM Ingestion"
 description: "How to feed your docs into LLMs"
-icon: "diagram-project"
+icon: "bot"
 ---
 
 All documentation pages are auto-hosted in a variety of markdown formats to make it easier for:
diff --git a/settings/preview-deployments.mdx b/settings/preview-deployments.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Preview Deployments"
 description: "Preview changes to your docs in a live deployment"
-icon: "street-view"
+icon: "scan-eye"
 ---
 
 <Info>
diff --git a/settings/seo.mdx b/settings/seo.mdx
@@ -1,7 +1,7 @@
 ---
 title: 'SEO'
 description: 'Mintlify automatically generates most meta tags. If you want to customize them, you can set default values in docs.json or change them per page.'
-icon: 'magnifying-glass'
+icon: 'search'
 ---
 
 <Accordion title="Supported Meta Tags">
