npmpackage.info

svelte-bootstrap-icons

Bootstrap SVG icons as Svelte components

3.1.1

MIT

HTML

Installations

npm install svelte-bootstrap-icons

Pull Requests

Open

0

Total

27

Closed

5

Merged

22

Issues

Open

2

Total

10

Closed

8

Releases

v3.1.1

Published on 31 Dec 2023

v3.1.0

Published on 13 Sept 2023

v3.0.0

Published on 26 Jun 2023

v2.3.1

Published on 13 Nov 2022

v2.3.0

Published on 11 Nov 2022

v2.2.1

Published on 21 Oct 2022

View all 28 releases

Developer

metonym

Developer Guide

BETA

Module System

ESM

Min. Node Version

Typescript Support

Yes

Node Version

18.19.0

NPM Version

10.2.3 Statistics

30 Stars

160 Commits

2 Forks

2 Watching

2 Branches

4 Contributors

Updated on 17 Oct 2024

Languages

HTML (34.43%)

JavaScript (29.57%)

Svelte (23.78%)

TypeScript (12.22%)

Total Downloads

Cumulative downloads

Total Downloads

458,860

Last day

-79.4%

357

Compared to previous day

Last week

-37.3%

4,372

Compared to previous week

Last month

-57.7%

21,324

Compared to previous month

Last year

380.4%

319,611

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

@sveltejs/vite-plugin-svelte bootstrap-icons svelvg vite

Versions

svelte-bootstrap-icons

Bootstrap SVG icons as Svelte components with zero dependencies.

This package uses svelvg to convert source SVG files into Svelte components.

Try it in the Svelte REPL.

Installation

1# NPM
2npm i svelte-bootstrap-icons
3
4# pnpm
5pnpm i svelte-bootstrap-icons
6
7# Bun
8bun add svelte-bootstrap-icons
9
10# Yarn
11yarn add svelte-bootstrap-icons

Usage

See ICON_INDEX.md for a list of supported icons.

Base import

1<script>
2  import { Alarm, Bank, CloudMoon } from "svelte-bootstrap-icons";
3</script>
4
5<Alarm />
6<Bank />
7<CloudMoon />

Direct import (recommended)

Import the icon directly for faster compiling during development.

1<script>
2  import Alarm from "svelte-bootstrap-icons/lib/Alarm.svelte";
3</script>

Custom size

$$restProps are forwarded to the svg element.

Use the width and height attributes to customize the icon size. The default is 16px.

1<Alarm width={24} height={24} />

Custom color

Use the fill attribute to specify a custom color.

1<Alarm fill="red" />

Changelog

Contributing

See the contributing guidelines.

License

MIT

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

10

License

Determines if the project has defined a license.

10

Packaging

Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.

3

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

Score

4.1

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More