{"_id":"@artsvg/svelte","_rev":"2-aed5123184af440ca5082c95c701cf1f","name":"@artsvg/svelte","dist-tags":{"latest":"2.1.7"},"versions":{"2.1.6":{"name":"@artsvg/svelte","version":"2.1.6","keywords":["svg","icons","brand","logos","svelte","components","tree-shakeable","esm","typescript"],"author":{"name":"artsvg.asifsofficial.com"},"license":"MIT","_id":"@artsvg/svelte@2.1.6","maintainers":[{"name":"asifsofficial","email":"info@asifsofficial.com"}],"homepage":"https://artsvg.asifsofficial.com","bugs":{"url":"https://github.com/asifsofficial/artsvg/issues"},"dist":{"shasum":"85168918f302398ef226ba271b667dceb1e08e1c","tarball":"https://registry.npmjs.org/@artsvg/svelte/-/svelte-2.1.6.tgz","fileCount":11320,"integrity":"sha512-2L/iEnndigZjE2IJxJmeblwKZ9M/bRagFX81lbDjCjvJRStj/J+d2Z1rCkgoa6eU/iTO8PqwU5ZNbvmzowzfPA==","signatures":[{"sig":"MEQCIHkhpRzBacJI5vH4hYsMgXwQe3IIe7X/kI7uh0tC/+3CAiBOQgR+zrRI5wBY4mMBDkFp5vFINVfqIqOMhkk8SSOGfw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14619826},"type":"module","_from":"file:artsvg-svelte-2.1.6.tgz","types":"./dist/index.d.ts","svelte":"./dist/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js","default":"./dist/index.js"},"./*":{"types":"./dist/*.svelte.d.ts","svelte":"./dist/*.svelte","default":"./dist/*.svelte"}},"scripts":{"build":"tsx scripts/build-components.ts"},"_npmUser":{"name":"asifsofficial","email":"info@asifsofficial.com"},"_resolved":"C:\\Users\\asifs\\AppData\\Local\\Temp\\673454de34f6b6f5c87fa6dc41098e88\\artsvg-svelte-2.1.6.tgz","_integrity":"sha512-2L/iEnndigZjE2IJxJmeblwKZ9M/bRagFX81lbDjCjvJRStj/J+d2Z1rCkgoa6eU/iTO8PqwU5ZNbvmzowzfPA==","repository":{"url":"git+https://github.com/asifsofficial/artsvg.git","type":"git","directory":"packages/svelte"},"_npmVersion":"11.12.1","description":"Typed Svelte SVG components for all 4000+ brand icons from artsvg.asifsofficial.com","directories":{},"sideEffects":false,"_nodeVersion":"25.9.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.21.0","typescript":"^5.0.0"},"peerDependencies":{"svelte":">=4"},"_npmOperationalInternal":{"tmp":"tmp/svelte_2.1.6_1777422569634_0.17624645149668416","host":"s3://npm-registry-packages-npm-production"}},"2.1.7":{"name":"@artsvg/svelte","version":"2.1.7","description":"Typed Svelte SVG components for all 4000+ brand icons from artsvg.asifsofficial.com","type":"module","sideEffects":false,"license":"MIT","author":{"name":"ASIFSOFFICIAL","email":"info@asifsofficial.com"},"homepage":"https://artsvg.asifsofficial.com","repository":{"type":"git","url":"git+https://github.com/asifsofficial/artsvg.git","directory":"packages/svelte"},"bugs":{"url":"https://artsvg.asifsofficial.com/contact"},"keywords":["svg","icons","brand","logos","svelte","components","tree-shakeable","esm","typescript"],"exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js","default":"./dist/index.js"},"./*":{"types":"./dist/*.svelte.d.ts","svelte":"./dist/*.svelte","default":"./dist/*.svelte"}},"svelte":"./dist/index.js","types":"./dist/index.d.ts","peerDependencies":{"svelte":">=4"},"devDependencies":{"tsx":"^4.21.0","typescript":"^5.0.0"},"engines":{"node":">=18"},"publishConfig":{"access":"public"},"scripts":{"build":"tsx scripts/build-components.ts"},"_id":"@artsvg/svelte@2.1.7","_integrity":"sha512-8mJFxplfHfgOrY3wMwpwxyIaCO5pMToSZGb6LMza/1Pusan1dnp5pg8gcwDJ0WGx5lG7fhuQkJcOvmRU4k8Mvg==","_resolved":"C:\\Users\\asifs\\AppData\\Local\\Temp\\e0c025f035f77c07f91de887e491609d\\artsvg-svelte-2.1.7.tgz","_from":"file:artsvg-svelte-2.1.7.tgz","_nodeVersion":"25.9.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-8mJFxplfHfgOrY3wMwpwxyIaCO5pMToSZGb6LMza/1Pusan1dnp5pg8gcwDJ0WGx5lG7fhuQkJcOvmRU4k8Mvg==","shasum":"89913eec6a8f0ac6fc120b7e61974f39a3104de7","tarball":"https://registry.npmjs.org/@artsvg/svelte/-/svelte-2.1.7.tgz","fileCount":11320,"unpackedSize":14619720,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQD+uYnJocBpadI03f7om9Q6zbX8jwJ3mgDNcg+gSDtcnAIgJwmEMWme3TGTIQIWlP8REGabKMwTbpLlDnlBvXumYco="}]},"_npmUser":{"name":"asifsofficial","email":"info@asifsofficial.com"},"directories":{},"maintainers":[{"name":"asifsofficial","email":"info@asifsofficial.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/svelte_2.1.7_1777426969678_0.994599706461921"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-29T00:29:29.511Z","modified":"2026-04-29T01:42:50.197Z","2.1.6":"2026-04-29T00:29:30.081Z","2.1.7":"2026-04-29T01:42:50.080Z"},"bugs":{"url":"https://artsvg.asifsofficial.com/contact"},"author":{"name":"ASIFSOFFICIAL","email":"info@asifsofficial.com"},"license":"MIT","homepage":"https://artsvg.asifsofficial.com","keywords":["svg","icons","brand","logos","svelte","components","tree-shakeable","esm","typescript"],"repository":{"type":"git","url":"git+https://github.com/asifsofficial/artsvg.git","directory":"packages/svelte"},"description":"Typed Svelte SVG components for all 4000+ brand icons from artsvg.asifsofficial.com","maintainers":[{"name":"asifsofficial","email":"info@asifsofficial.com"}],"readme":"<p align=\"center\">\r\n  <a href=\"https://github.com/asifsofficial/artsvg\">\r\n    <img src=\"https://raw.githubusercontent.com/asifsofficial/artsvg/main/public/og-image.png\" alt=\"artSVG - 4,000+ Brand SVG Icons\" width=\"700\" />\r\n  </a>\r\n</p>\r\n\r\n# @artsvg/svelte\r\n\r\nTyped Svelte SVG components for all 4000+ brand icons from [artsvg.asifsofficial.com](https://artsvg.asifsofficial.com).\r\n\r\n- Zero runtime dependencies (Svelte is a peer dep)\r\n- TypeScript support with full `SVGAttributes` types\r\n- Tree-shakeable ESM - import only what you use\r\n- Individual icon imports for maximum bundle efficiency\r\n- Works with Svelte 4 and Svelte 5\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @artsvg/svelte\r\n# or\r\npnpm add @artsvg/svelte\r\n# or\r\nyarn add @artsvg/svelte\r\n```\r\n\r\nSvelte 4 or later is required as a peer dependency.\r\n\r\n## Usage\r\n\r\n### Named import from barrel (convenient, relies on tree-shaking)\r\n\r\n```svelte\r\n<script>\r\n  import { Github, VisualStudioCode, Figma } from \"@artsvg/svelte\";\r\n</script>\r\n\r\n<div>\r\n  <Github width=\"24\" height=\"24\" />\r\n  <VisualStudioCode width=\"24\" height=\"24\" class=\"text-blue-500\" />\r\n  <Figma width=\"32\" height=\"32\" aria-label=\"Figma\" />\r\n</div>\r\n```\r\n\r\n### Individual icon import (best for bundle size)\r\n\r\n```svelte\r\n<script>\r\n  import Github from \"@artsvg/svelte/github\";\r\n  import VisualStudioCode from \"@artsvg/svelte/visual-studio-code\";\r\n</script>\r\n\r\n<Github width=\"24\" height=\"24\" />\r\n```\r\n\r\nEach icon is a separate module so bundlers that do not support tree-shaking\r\nwill still include only the icons you import.\r\n\r\n## Props\r\n\r\nEvery component accepts all standard SVG attributes via `$$restProps` (Svelte 4) or spread props (Svelte 5):\r\n\r\n| Prop         | Type               | Default           | Description                    |\r\n| ------------ | ------------------ | ----------------- | ------------------------------ |\r\n| `width`      | `number \\| string` | (SVG default)     | Icon width                     |\r\n| `height`     | `number \\| string` | (SVG default)     | Icon height                    |\r\n| `class`      | `string`           | -                 | CSS class name                 |\r\n| `style`      | `string`           | -                 | Inline styles (prefer class)   |\r\n| `fill`       | `string`           | `\"none\"`          | SVG fill color                 |\r\n| `viewBox`    | `string`           | from original SVG | Override the viewBox           |\r\n| `aria-label` | `string`           | -                 | Accessible label               |\r\n| ...          | ...                | -                 | Any other SVG attribute        |\r\n\r\n### Sizing example\r\n\r\n```svelte\r\n<!-- Fixed size -->\r\n<Github width=\"24\" height=\"24\" />\r\n\r\n<!-- Responsive via CSS -->\r\n<Github class=\"w-6 h-6\" />\r\n\r\n<!-- Scale with font-size (em units) -->\r\n<Github width=\"1em\" height=\"1em\" />\r\n```\r\n\r\n### Accessibility\r\n\r\n```svelte\r\n<!-- Meaningful icon - label it -->\r\n<Github aria-label=\"GitHub\" role=\"img\" width=\"24\" height=\"24\" />\r\n\r\n<!-- Decorative icon - hide from screen readers -->\r\n<Github aria-hidden=\"true\" width=\"24\" height=\"24\" />\r\n```\r\n\r\n## Component names\r\n\r\nSlugs are converted to PascalCase component names:\r\n\r\n| Slug                 | Component name     |\r\n| -------------------- | ------------------ |\r\n| `github`             | `Github`           |\r\n| `visual-studio-code` | `VisualStudioCode` |\r\n| `figma`              | `Figma`            |\r\n| `01dotai`            | `I01Dotai`         |\r\n| `dotnet`             | `Dotnet`           |\r\n\r\nSlugs that start with a digit are prefixed with `I` to produce a valid\r\nJavaScript identifier.\r\n\r\n## Tree-shaking\r\n\r\nWhen using SvelteKit or Vite, named imports from the barrel (`@artsvg/svelte`)\r\nare tree-shaken automatically - only the icons you import are included in the\r\nfinal bundle.\r\n\r\nFor maximum control, use individual icon imports:\r\n\r\n```svelte\r\n<script>\r\n  import Github from \"@artsvg/svelte/github\";\r\n</script>\r\n```\r\n\r\n## Available icons\r\n\r\nOver 4000 brand icons are available. Browse the full list at\r\n[artsvg.asifsofficial.com](https://artsvg.asifsofficial.com).\r\n\r\n## License\r\n\r\nMIT - see [LICENSE](./LICENSE).\r\n\r\nBrand icons and logos are the property of their respective trademark holders. See [artsvg.asifsofficial.com](https://artsvg.asifsofficial.com) for details.\r\n","readmeFilename":"README.md"}