{
  "props": {
    "children": { "type": { "name": "node" } },
    "color": {
      "type": {
        "name": "union",
        "description": "'danger'<br>&#124;&nbsp;'inherit'<br>&#124;&nbsp;'neutral'<br>&#124;&nbsp;'primary'<br>&#124;&nbsp;'success'<br>&#124;&nbsp;'warning'<br>&#124;&nbsp;string"
      },
      "additionalInfo": { "joy-color": true }
    },
    "component": { "type": { "name": "elementType" } },
    "fontSize": {
      "type": {
        "name": "union",
        "description": "'inherit'<br>&#124;&nbsp;'lg'<br>&#124;&nbsp;'md'<br>&#124;&nbsp;'sm'<br>&#124;&nbsp;'xl'<br>&#124;&nbsp;'xl2'<br>&#124;&nbsp;'xl3'<br>&#124;&nbsp;'xl4'<br>&#124;&nbsp;'xs'<br>&#124;&nbsp;string"
      }
    },
    "htmlColor": { "type": { "name": "string" } },
    "inheritViewBox": { "type": { "name": "bool" }, "default": "false" },
    "shapeRendering": { "type": { "name": "string" } },
    "size": {
      "type": {
        "name": "union",
        "description": "'sm'<br>&#124;&nbsp;'md'<br>&#124;&nbsp;'lg'<br>&#124;&nbsp;string"
      },
      "default": "'md'",
      "additionalInfo": { "joy-size": true }
    },
    "slotProps": {
      "type": { "name": "shape", "description": "{ root?: func<br>&#124;&nbsp;object }" },
      "default": "{}"
    },
    "slots": {
      "type": { "name": "shape", "description": "{ root?: elementType }" },
      "default": "{}",
      "additionalInfo": { "slotsApi": true }
    },
    "sx": {
      "type": {
        "name": "union",
        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
      },
      "additionalInfo": { "sx": true }
    },
    "titleAccess": { "type": { "name": "string" } },
    "viewBox": { "type": { "name": "string" }, "default": "'0 0 24 24'" }
  },
  "name": "SvgIcon",
  "imports": ["import SvgIcon from '@mui/joy/SvgIcon';", "import { SvgIcon } from '@mui/joy';"],
  "slots": [
    {
      "name": "root",
      "description": "The component that renders the root.",
      "default": "'svg'",
      "class": "MuiSvgIcon-root"
    }
  ],
  "classes": [
    {
      "key": "colorDanger",
      "className": "MuiSvgIcon-colorDanger",
      "description": "Class name applied to the root element if `color=\"danger\"`.",
      "isGlobal": false
    },
    {
      "key": "colorInherit",
      "className": "MuiSvgIcon-colorInherit",
      "description": "Class name applied to the root element if `color=\"inherit\"`.",
      "isGlobal": false
    },
    {
      "key": "colorNeutral",
      "className": "MuiSvgIcon-colorNeutral",
      "description": "Class name applied to the root element if `color=\"neutral\"`.",
      "isGlobal": false
    },
    {
      "key": "colorPrimary",
      "className": "MuiSvgIcon-colorPrimary",
      "description": "Class name applied to the root element if `color=\"primary\"`.",
      "isGlobal": false
    },
    {
      "key": "colorSuccess",
      "className": "MuiSvgIcon-colorSuccess",
      "description": "Class name applied to the root element if `color=\"success\"`.",
      "isGlobal": false
    },
    {
      "key": "colorWarning",
      "className": "MuiSvgIcon-colorWarning",
      "description": "Class name applied to the root element if `color=\"warning\"`.",
      "isGlobal": false
    },
    {
      "key": "fontSizeInherit",
      "className": "MuiSvgIcon-fontSizeInherit",
      "description": "Class name applied to the root element if `fontSize=\"inherit\"`.",
      "isGlobal": false
    },
    {
      "key": "fontSizeLg",
      "className": "MuiSvgIcon-fontSizeLg",
      "description": "Class name applied to the root element if `fontSize=\"lg\"`.",
      "isGlobal": false
    },
    {
      "key": "fontSizeMd",
      "className": "MuiSvgIcon-fontSizeMd",
      "description": "Class name applied to the root element if `fontSize=\"md\"`.",
      "isGlobal": false
    },
    {
      "key": "fontSizeSm",
      "className": "MuiSvgIcon-fontSizeSm",
      "description": "Class name applied to the root element if `fontSize=\"sm\"`.",
      "isGlobal": false
    },
    {
      "key": "fontSizeXl",
      "className": "MuiSvgIcon-fontSizeXl",
      "description": "Class name applied to the root element if `fontSize=\"xl\"`.",
      "isGlobal": false
    },
    {
      "key": "fontSizeXl2",
      "className": "MuiSvgIcon-fontSizeXl2",
      "description": "Class name applied to the root element if `fontSize=\"xl2\"`.",
      "isGlobal": false
    },
    {
      "key": "fontSizeXl3",
      "className": "MuiSvgIcon-fontSizeXl3",
      "description": "Class name applied to the root element if `fontSize=\"xl3\"`.",
      "isGlobal": false
    },
    {
      "key": "fontSizeXl4",
      "className": "MuiSvgIcon-fontSizeXl4",
      "description": "Class name applied to the root element if `fontSize=\"xl4\"`.",
      "isGlobal": false
    },
    {
      "key": "fontSizeXs",
      "className": "MuiSvgIcon-fontSizeXs",
      "description": "Class name applied to the root element if `fontSize=\"xs\"`.",
      "isGlobal": false
    },
    {
      "key": "sizeLg",
      "className": "MuiSvgIcon-sizeLg",
      "description": "Class name applied to the root element if `size=\"lg\"`.",
      "isGlobal": false
    },
    {
      "key": "sizeMd",
      "className": "MuiSvgIcon-sizeMd",
      "description": "Class name applied to the root element if `size=\"md\"`.",
      "isGlobal": false
    },
    {
      "key": "sizeSm",
      "className": "MuiSvgIcon-sizeSm",
      "description": "Class name applied to the root element if `size=\"sm\"`.",
      "isGlobal": false
    }
  ],
  "spread": true,
  "themeDefaultProps": true,
  "muiName": "JoySvgIcon",
  "forwardsRefTo": "SVGSVGElement",
  "filename": "/packages/mui-joy/src/SvgIcon/SvgIcon.tsx",
  "inheritance": null,
  "demos": "<ul><li><a href=\"/joy-ui/react-avatar/\">Avatar</a></li></ul>",
  "cssComponent": false
}