<icon> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

The message you've provided seems to be related to a problem with registering a custom or recursive component in a front-end development context, such as Vue.js or another JavaScript framework that uses components. The error message suggests that if you're encountering an issue with an `<icon>` component, it might be because:

1. **Incorrect registration**: You need to ensure that when you define or import the `<icon>` component, you're providing a `name` property, especially if it's a recursive component (where components include themselves within their template).

2. **Naming convention**: Make sure the name you give is unique and properly defined, as it helps the framework identify and track the component during compilation.

3. **Options for recursive components**: If using options API in Vue, you may need to pass down the `name` attribute as part of the component options, like this:

   Vue.component('icon', {
     props: ['name'],
     template: '<icon :name="name" />'
   });

To resolve the issue, please review your code and check these points. Here are some related questions: