Package Exports

@devicon/svelte
@devicon/svelte/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@devicon/svelte) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Here’s the documentation adapted for @devicon/svelte:

@devicon/svelte

Svelte components for the SVG icons of the devicon project.

Installation

yarn add @devicon/svelte
# OR
npm install @devicon/svelte
# OR
pnpm add @devicon/svelte

Usage

Importing and Using Icons

Icons can be imported and used as Svelte components.

<script>
  import ReactOriginalIcon from "@devicon/svelte/react/original/ReactOriginalIcon.svelte";
  // or (not recommended, as it can significantly increase bundle size)
  import { GithubOriginalIcon, GithubOriginalWordmarkIcon } from "@devicon/svelte";
</script>

<GithubOriginalWordmarkIcon />
<GithubOriginalIcon size="2em" />
<ReactOriginalIcon class="my-class" />

With Color

Icons that support single-color customization can be recolored like this:

<script>
  import DeviconPlainIcon from "@devicon/svelte/devicon/plain/DeviconPlainIcon.svelte";
</script>

<DeviconPlainIcon color="white" />