https://github.com/snailedlt/svelte-devicons
Svelte components for the svg icons of the devicon project
https://github.com/snailedlt/svelte-devicons
devicon devicons devicons-svelte javascript npm npm-package svelte svelte-components svelte3 sveltejs typescript
Last synced: 3 months ago
JSON representation
Svelte components for the svg icons of the devicon project
- Host: GitHub
- URL: https://github.com/snailedlt/svelte-devicons
- Owner: Snailedlt
- License: mit
- Created: 2022-07-22T00:29:32.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-07-22T01:20:42.000Z (almost 3 years ago)
- Last Synced: 2025-03-14T08:11:34.419Z (4 months ago)
- Topics: devicon, devicons, devicons-svelte, javascript, npm, npm-package, svelte, svelte-components, svelte3, sveltejs, typescript
- Language: TypeScript
- Homepage:
- Size: 25.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# svelte-devicons
svelte components for the svg icons of the
[devicon](https://github.com/devicons/devicon) project.
## Installation
```js
yarn add svelte-devicons
// OR
npm i svelte-devicons
// OR
pnpm i svelte-devicons
```
## Usage
```tsx
import SvelteOriginalIcon from "svelte-devicons/svelte/original";
// or (not recommended, this would increase bundle size by a lot)
import { GithubOriginalIcon, GithubOriginalWordmarkIcon } from "svelte-devicons";
```
### With color
Icons that are only one color can be recolored like this
```tsx
import DeviconPlainIcon from "svelte-devicons/devicon/plain";
;
```