{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "axvart/svg-icon",
  "version": "1.0.0",
  "title": "SVG Icon",
  "category": "media",
  "icon": "smiley",
  "description": "Add custom SVG icons to your content.",
  "textdomain": "axvart",
  "editorScript": "file:./index.js",
  "attributes": {
    "iconSvg": {
      "type": "string",
      "default": ""
    },
    "iconUrl": {
      "type": "string",
      "default": ""
    },
    "size": {
      "type": "number",
      "default": 48
    },
    "borderRadius": {
      "type": "number",
      "default": 0
    },
    "iconColor": {
      "type": "string",
      "default": "var(--wp--preset--color--axvart-black)"
    },
    "backgroundColor": {
      "type": "string",
      "default": "transparent"
    },
    "style": {
      "type": "object",
      "default": {
        "spacing": {
          "margin": {
            "top": "0",
            "bottom": "0"
          }
        },
        "typography": {},
        "border": {
          "radius": "0px",
          "width": "0px",
          "style": "none"
        }
      }
    },
    "align": {
      "type": "string",
      "default": "center"
    },
    "enableColorModification": {
      "type": "boolean",
      "default": false
    },
    "url": {
      "type": "string",
      "default": ""
    },
    "linkTarget": {
      "type": "string",
      "default": "_self"
    },
    "rel": {
      "type": "string",
      "default": ""
    }
  },
  "supports": {
    "align": [
      "left",
      "center",
      "right"
    ],
    "anchor": true,
    "html": false,
    "reusable": true,
    "color": {
      "text": true,
      "background": true,
      "gradients": true,
      "link": false
    },
    "spacing": {
      "margin": [
        "top",
        "bottom"
      ],
      "padding": true,
      "blockGap": true,
      "__experimentalDefaultControls": {
        "margin": true,
        "padding": true
      }
    },
    "typography": {
      "fontSize": true,
      "lineHeight": true
    },
    "border": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true
    },
    "layout": {
      "allowSizingOnChildren": true
    }
  }
}