Update from code changes: note emoji as icon option (#7337)

* docs: note emoji as an icon option in frontmatter and components

* translations

* fix emoji examples for Windows

* copy edits

---------

Co-authored-by: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com>
Co-authored-by: Ethan Palm <56270045+ethanpalm@users.noreply.github.com>

Author: mintlify[bot]

components/icons.mdx

@@ -1,13 +1,13 @@
 ---
 title: "Icons"
-description: "Add icons from Font Awesome, Lucide, Tabler, or custom sources to your documentation pages using the icon component with size and color options."
-keywords: ["Font Awesome", "Lucide", "Tabler", "SVGs"]
+description: "Add icons from Font Awesome, Lucide, Tabler, emoji, or custom sources to your documentation pages using the icon component with size and color options."
+keywords: ["Font Awesome", "Lucide", "Tabler", "SVGs", "emoji"]
 boost: 3
 ---
 
 import IconsRequired from "/snippets/icons-required.mdx";
 
-Use icons from Font Awesome, Lucide, Tabler, SVGs, external URLs, or files in your project to enhance your documentation.
+Use icons from Font Awesome, Lucide, Tabler, emoji, SVGs, external URLs, or files in your project to enhance your documentation.
 
 <Icon icon="flag" size={32} />
 
@@ -38,7 +38,7 @@ Icons appear inline when used within a sentence, paragraph, or heading. <Icon ic
 <IconsRequired />
 
 <ResponseField name="color" type="string">
-  The color of the icon as a hex code (for example, `#FF5733`).
+  The color of the icon as a hex code (for example, `#FF5733`). Not applied to emoji icons.
 </ResponseField>
 
 <ResponseField name="size" type="number">

components/tabs.mdx

@@ -103,7 +103,7 @@ Set these properties on each individual `<Tab>` component.
 </ResponseField>
 
 <ResponseField name="icon" type="string">
-  A [Font Awesome](https://fontawesome.com/icons) icon, [Lucide](https://lucide.dev/icons) icon, URL to an icon, or relative path to an icon.
+  A [Font Awesome](https://fontawesome.com/icons), [Lucide](https://lucide.dev/icons), or [Tabler](https://tabler.io/icons) icon, a single emoji, a URL to an icon, or a relative path to an icon.
 </ResponseField>
 
 <ResponseField name="iconType" type="string">

components/view.mdx

@@ -60,7 +60,7 @@ If you have different heading structures in each view, users only see the headin
 </ResponseField>
 
 <ResponseField name="icon" type="string">
-  A [Font Awesome](https://fontawesome.com/icons) icon, [Lucide](https://lucide.dev/icons) icon, URL to an icon, or relative path to an icon.
+  A [Font Awesome](https://fontawesome.com/icons), [Lucide](https://lucide.dev/icons), or [Tabler](https://tabler.io/icons) icon, a single emoji, a URL to an icon, or a relative path to an icon.
 </ResponseField>
 
 <ResponseField name="iconType" type="string">

es/organize/pages.mdx

@@ -45,6 +45,7 @@ Usa el frontmatter para controlar:
   * nombre del [icono de Font Awesome](https://fontawesome.com/icons)
   * nombre del [icono de Lucide](https://lucide.dev/icons)
   * nombre del [icono de Tabler](https://tabler.io/icons)
+  * Un solo emoji (por ejemplo, `💡` o `🚀`)
   * URL de un icono alojado externamente
   * Ruta a un archivo de icono en tu proyecto
 </ResponseField>

fr/organize/pages.mdx

@@ -45,6 +45,7 @@ Utilisez le frontmatter pour contrôler :
   * Nom de l’[icône Font Awesome](https://fontawesome.com/icons)
   * Nom de l’[icône Lucide](https://lucide.dev/icons)
   * Nom de l’[icône Tabler](https://tabler.io/icons)
+  * Un seul emoji (par exemple, `💡` ou `🚀`)
   * URL d’une icône hébergée en externe
   * Chemin vers un fichier d’icône dans votre projet
 </ResponseField>

organize/pages.mdx

@@ -42,6 +42,7 @@ Use frontmatter to control:
   - [Font Awesome icon](https://fontawesome.com/icons) name
   - [Lucide icon](https://lucide.dev/icons) name
   - [Tabler icon](https://tabler.io/icons) name
+  - A single emoji (for example, `💡` or `🚀`)
   - URL to an externally hosted icon
   - Path to an icon file in your project
 </ResponseField>

organize/settings-reference.mdx

@@ -549,7 +549,7 @@ Links displayed in the navbar.
 | `type` | `"github"` \| `"discord"` | No | Link type. Omit for a standard link. |
 | `label` | string | Conditional | Required when `type` is omitted. |
 | `href` | string (uri) | Yes | Link destination. |
-| `icon` | string | No | Icon name, URL, path, or SVG. |
+| `icon` | string | No | Icon name, emoji, URL, path, or SVG. |
 | `iconType` | string | No | Font Awesome icon style only. |
 
 #### `navbar.primary`
@@ -657,7 +657,7 @@ Custom option object fields:
 |---|---|---|---|
 | `title` | string | Yes | Display title. |
 | `description` | string | Yes | Description text. |
-| `icon` | string | No | Icon name, URL, path, or SVG. |
+| `icon` | string | No | Icon name, emoji, URL, path, or SVG. |
 | `href` | string or object | Yes | Link destination. Supports `$page`, `$path`, `$mcp` placeholders. |
 
 #### `contextual.display`

snippets/es/icons-optional.mdx

@@ -6,6 +6,7 @@
   * Nombre del ícono de [Font Awesome](https://fontawesome.com/icons), si tienes la [propiedad](/es/organize/settings#param-icons) `icons.library` configurada como `fontawesome` en tu `docs.json`
   * Nombre del ícono de [Lucide](https://lucide.dev/icons), si tienes la [propiedad](/es/organize/settings#param-icons) `icons.library` configurada como `lucide` en tu `docs.json`
   * Nombre del ícono de [Tabler](https://tabler.io/icons), si tienes la [propiedad](/es/organize/settings#param-icons) `icons.library` configurada como `tabler` en tu `docs.json`
+  * Un solo emoji (por ejemplo, `💡` o `🚀`)
   * URL de un ícono alojado externamente
   * Ruta a un archivo de ícono en tu proyecto
   * Código SVG envuelto entre llaves

snippets/es/icons-required.mdx

@@ -10,6 +10,7 @@
   * [Font Awesome icon](https://fontawesome.com/icons) name, if you have the `icons.library` [property](/es/organize/settings#param-icons) set to `fontawesome` in your `docs.json`
   * [Lucide icon](https://lucide.dev/icons) name, if you have the `icons.library` [property](/es/organize/settings#param-icons) set to `lucide` in your `docs.json`
   * Nombre del [icono Tabler](https://tabler.io/icons), si tienes la `icons.library` [propiedad](/es/organize/settings#param-icons) configurada como `tabler` en tu `docs.json`
+  * Un solo emoji (por ejemplo, `💡` o `🚀`)
 </ResponseField>
 
 <ResponseField name="src" type="string">

snippets/fr/icons-optional.mdx

@@ -6,6 +6,7 @@
   * [Font Awesome](https://fontawesome.com/icons) nom d’icône, si vous avez la propriété `icons.library` [paramètres](/fr/organize/settings#param-icons) définie sur `fontawesome` dans votre `docs.json`
   * [Lucide](https://lucide.dev/icons) nom d’icône, si vous avez la propriété `icons.library` [paramètres](/fr/organize/settings#param-icons) définie sur `lucide` dans votre `docs.json`
   * [Tabler](https://tabler.io/icons) nom d’icône, si vous avez la propriété `icons.library` [paramètres](/fr/organize/settings#param-icons) définie sur `tabler` dans votre `docs.json`
+  * Un seul emoji (par exemple, `💡` ou `🚀`)
   * URL vers une icône hébergée en externe
   * Chemin vers un fichier d’icône dans votre projet
   * Code SVG entouré d’accolades