{
  "properties": [
    {
      "name": "source",
      "type": "String",
      "description": "String, required. Icon name for icons from src/icons folder or an `<svg>...</svg>` code"
    },
    {
      "name": "size",
      "type": "String",
      "default": "24px",
      "description": "String. Must be valid css value. Size for the inner svg element."
    },
    {
      "name": "padding",
      "type": "String",
      "default": "0",
      "description": "String. Must be valid css value. Padding around the svg."
    },
    {
      "name": "color",
      "type": "String",
      "description": "String. Color variable name or a CSS value"
    },
    {
      "name": "backgroundColor",
      "type": "String",
      "default": "#F2F4F6",
      "description": "Set the background color only when icon props type is set is different from the default"
    },
    {
      "name": "tooltip",
      "type": "String",
      "description": "Responsible for displaying tooltip on mouseover event on Icon"
    },
    {
      "name": "noSize",
      "type": "Boolean",
      "default": "false",
      "description": "When props is equal true Icon component doesn't setup width and height by default"
    },
    {
      "name": "type",
      "type": "String",
      "default": "null",
      "description": "Available only circle type that creates that figure around the icon"
    },
    {
      "name": "circleSize",
      "type": "String",
      "description": "Set height and width of Icon with type circle"
    },
    {
      "name": "circleBorderRadius",
      "type": "String",
      "description": "Set border radius of Icon with type circle"
    },
    {
      "name": "styles",
      "type": "Object",
      "default": "{}",
      "description": "Set someone of styles properties for the Icon wrapper, the object can reset some styles properties of this component"
    }
  ],
  "events": []
}
