Include Lucide in icon options (#566)

* include Lucide in icon options

* fix lucide icons links

Author: lawreka

content/components/accordions.mdx

@@ -35,7 +35,7 @@ icon: "square-caret-down"
 </ResponseField>
 
 <ResponseField name="icon" type="string or svg">
-  A [Font Awesome icon](https://fontawesome.com/icons) or SVG code
+  A [Font Awesome icon](https://fontawesome.com/icons), [Lucide icon](https://lucide.dev/icons), or SVG code
 </ResponseField>
 
 <ResponseField name="iconType" type="string">

content/components/cards.mdx

@@ -49,7 +49,7 @@ Add an `img` property to a card to display an image on the top of the card.
 </ResponseField>
 
 <ResponseField name="icon" type="string or svg">
-  A [Font Awesome icon](https://fontawesome.com/icons) or SVG code in `icon={}`
+  A [Font Awesome icon](https://fontawesome.com/icons), [Lucide icon](https://lucide.dev/icons), or SVG code in `icon={}`
 </ResponseField>
 
 <ResponseField name="iconType" type="string">

content/components/icons.mdx

@@ -1,6 +1,6 @@
 ---
 title: "Icons"
-description: "Use [Font Awesome](https://fontawesome.com/icons) icons anywhere in the doc"
+description: "Use [Font Awesome](https://fontawesome.com/icons) or [Lucide](https://lucide.dev/icons) icons anywhere in the doc"
 icon: "icons"
 ---
 

content/components/steps.mdx

@@ -53,7 +53,7 @@ Steps are the best way to display a series of actions of events to your users. Y
 </ResponseField>
 
 <ResponseField name="icon" type="string or svg">
-  A [Font Awesome icon](https://fontawesome.com/icons) or SVG code in `icon={}`
+  A [Font Awesome icon](https://fontawesome.com/icons), [Lucide icon](https://lucide.dev/icons), or SVG code in `icon={}`
 </ResponseField>
 
 <ResponseField name="iconType" type="string">

navigation/divisions.mdx

@@ -51,7 +51,7 @@ Anchors are another way to section your content. They show up on top of your sid
 </Frame>
 
 The configuration is very similar to the tab configuration. We highly recommend that you set an `icon` field as well.
-The icon values are [fontawesome icons](https://fontawesome.com/search)
+Valid icon values include all named [Font Awesome](https://fontawesome.com/icons) and [Lucide](https://lucide.dev/icons) icons.
 
 ```json docs.json
 "navigation": {
@@ -91,7 +91,7 @@ The icon values are [fontawesome icons](https://fontawesome.com/search)
 </Frame>
 
 Dropdowns show up in the same place as anchors, but are consolidated into a single dropdown.
-We also recommend that you set an icon for each dropdown item ([options](https://fontawesome.com/search)).
+We also recommend that you set an icon for each dropdown item (from [Font Awesome](https://fontawesome.com/icons) or [Lucide](https://lucide.dev/icons)).
 ```json docs.json
 "navigation": {
   "dropdowns": [

page.mdx

@@ -67,8 +67,8 @@ sidebarTitle: "Short title"
 
 Want an icon for your sidebar item like the ones in
 [components](/content/components/accordions)? You can set an `icon` attribute in
-the metadata! All icons from [Font Awesome](https://fontawesome.com/icons) are
-available for us. You can also set an icon type (optional). If not set, the icon
+the metadata! All icons from [Font Awesome](https://fontawesome.com/icons) and [Lucide](https://lucide.dev/icons) are
+available for us. You can also set an icon type for Font Awesome icons (optional). If not set, the icon
 type will be regular.
 
 ```md

settings/global.mdx

@@ -968,11 +968,11 @@ Example:
       </ResponseField>
 
       <ResponseField name="icon" type="string">
-        The [Fontawesome](https://fontawesome.com/icons) icon for the group. Note: this only applies to sub-folders.
+        The [Font Awesome](https://fontawesome.com/icons) or [Lucide](https://lucide.dev/icons) icon for the group. Note: this only applies to sub-folders.
       </ResponseField>
 
       <ResponseField name="iconType" type="string">
-        The type of [Fontawesome](https://fontawesome.com/icons) icon. Must be one of: brands, duotone, light, sharp-solid, solid, thin
+        The type of icon (only for [Font Awesome](https://fontawesome.com/icons) icons). Must be one of: brands, duotone, light, sharp-solid, solid, thin
       </ResponseField>
 
     </Expandable>
@@ -1111,7 +1111,7 @@ Example:
       </ResponseField>
 
       <ResponseField name="icon" type="string">
-        The [Font Awesome](https://fontawesome.com/search?q=heart) icon used to feature the anchor.
+        The [Font Awesome](https://fontawesome.com/icons) or [Lucide](https://lucide.dev/icons) icon used to feature the anchor.
 
         Example: `comments`
       </ResponseField>