feat(icon): deprecate Icon, IconSkeleton

docs/src/pages/components/Icon.svx

@@ -1,5 +1,5 @@
 <script>
-  import { Icon } from "carbon-components-svelte";
+  import { Icon, InlineNotification, OutboundLink } from "carbon-components-svelte";
   import Add16 from "carbon-icons-svelte/lib/Add16";
   import Add20 from "carbon-icons-svelte/lib/Add20";
   import Add24 from "carbon-icons-svelte/lib/Add24";
@@ -7,6 +7,12 @@
   import Preview from "../../components/Preview.svelte";
 </script>
 
+<InlineNotification svx-ignore title="Deprecation warning" kind="warning" hideCloseButton>
+  <div>
+    This component will be removed in the next major release. Use icons from <OutboundLink href="https://github.com/IBM/carbon-icons-svelte">carbon-icons-svelte</OutboundLink> instead.
+  </div>
+</InlineNotification>
+
 ### Default
 
 <Icon render={Add16} />

src/Icon/Icon.svelte

@@ -1,4 +1,10 @@
 <script>
+  /**
+   * @deprecated
+   * This component will be removed in version 1.0.0.
+   * Use icons from "carbon-icons-svelte" instead
+   */
+
   /**
    * @extends {"./IconSkeleton"} IconSkeletonProps
    * @restProps {svg}

src/Icon/IconSkeleton.svelte

@@ -1,4 +1,9 @@
 <script>
+  /**
+   * @deprecated
+   * This component will be removed in version 1.0.0.
+   */
+
   /** Set the size of the icon */
   export let size = 16;
 </script>