Finish svelte docs

docs/guide/svelte/advanced/examples/global-styling-css-example/App.svelte

@@ -0,0 +1,28 @@
+<script>
+import {
+  CakeSlice,
+  Candy,
+  Apple,
+  Cookie,
+  Martini,
+  IceCream2,
+  Sandwich,
+  Wine,
+  Dessert,
+} from "@lucide/svelte";
+
+import "./icon.css";
+</script>
+
+<div class="grid">
+  <CakeSlice />
+  <Candy />
+  <Apple />
+  <Cookie />
+  <Martini />
+  <IceCream2 />
+  <Sandwich />
+  <Wine />
+  <Dessert />
+</div>
+

docs/guide/svelte/advanced/examples/global-styling-css-example/files.ts

@@ -0,0 +1,26 @@
+import App from './App.svelte?raw'
+import styles from '../../../basics/examples/styles.css?raw'
+import AppVue from '../../../../vue/advanced/examples/global-styling-css-example/App.vue?raw'
+import IconCss from './icon.css?raw'
+
+const files = {
+  'src/icon.css': {
+    code: IconCss,
+    readOnly: false,
+    active: true,
+  },
+  'src/App.svelte': {
+    code: App,
+    readOnly: true
+  },
+  'src/App.vue': {
+    code: AppVue,
+    hidden: true
+  },
+  'src/styles.css': {
+    code:styles,
+    hidden: true
+  },
+}
+
+export default files

docs/guide/svelte/advanced/examples/global-styling-css-example/icon.css

@@ -0,0 +1,14 @@
+.lucide {
+  /* Change this! */
+  color: #ffadff;
+  width: 56px;
+  height: 56px;
+  stroke-width: 1px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-rows: 1fr 1fr 1fr;
+  gap: 6px;
+}