design-system/icon-usage

Summary

Reports raw <svg> elements or non-design system icon components.

Enable this rule in designlint.config.*. See configuration for details on configuring tokens and rules.

json

{
  "rules": {
    "design-system/icon-usage": [
      "error",
      { "substitutions": { "svg": "Icon", "FooIcon": "Icon" } }
    ]
  }
}

substitutions (Record<string, string>): map of disallowed icon element or component names to their design system replacements. Keys are matched case-insensitively. Defaults to { "svg": "Icon" }.

This rule is auto-fixable.

tsx

<svg />
<FooIcon />

tsx

<Icon />

If raw SVGs or third-party icons are acceptable in your project, disable this rule.