{"id":26601174,"url":"https://github.com/uiwjs/bootstrap-icons","last_synced_at":"2026-02-27T05:00:59.631Z","repository":{"id":43291066,"uuid":"293193540","full_name":"uiwjs/bootstrap-icons","owner":"uiwjs","description":"Official open source SVG icon library for Bootstrap.","archived":false,"fork":false,"pushed_at":"2024-12-08T23:21:01.000Z","size":10137,"stargazers_count":9,"open_issues_count":2,"forks_count":9,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-10-02T05:27:57.843Z","etag":null,"topics":["bootstrap","bootstrap-icons","css","font","icon-classname","icons","svg-icons"],"latest_commit_sha":null,"homepage":"https://uiwjs.github.io/bootstrap-icons/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/uiwjs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"ko_fi":"jaywcjlove","buy_me_a_coffee":"jaywcjlove","custom":["https://www.paypal.me/kennyiseeyou","https://jaywcjlove.github.io/#/sponsor"]}},"created_at":"2020-09-06T03:08:00.000Z","updated_at":"2025-06-17T00:47:59.000Z","dependencies_parsed_at":"2023-12-22T07:31:11.767Z","dependency_job_id":"13c31f10-7470-4b8c-aa3e-ee4c6ea2d42a","html_url":"https://github.com/uiwjs/bootstrap-icons","commit_stats":null,"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"purl":"pkg:github/uiwjs/bootstrap-icons","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwjs%2Fbootstrap-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwjs%2Fbootstrap-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwjs%2Fbootstrap-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwjs%2Fbootstrap-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/uiwjs","download_url":"https://codeload.github.com/uiwjs/bootstrap-icons/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwjs%2Fbootstrap-icons/sbom","scorecard":{"id":907616,"data":{"date":"2025-08-11","repo":{"name":"github.com/uiwjs/bootstrap-icons","commit":"ee71f97aee11acf6a39e8c51db281e8bce922c87"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":5.1,"checks":[{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Code-Review","score":0,"reason":"Found 0/27 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Token-Permissions","score":9,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Warn: no topLevel permission defined: .github/workflows/ci.yml:1","Info: no jobLevel write permissions found"],"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Pinned-Dependencies","score":0,"reason":"dependency not pinned by hash detected -- score normalized to 0","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/bootstrap-icons/ci.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/bootstrap-icons/ci.yml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/bootstrap-icons/ci.yml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:43: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/bootstrap-icons/ci.yml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:49: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/bootstrap-icons/ci.yml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:52: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/bootstrap-icons/ci.yml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:60: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/bootstrap-icons/ci.yml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:67: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/bootstrap-icons/ci.yml/master?enable=pin","Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:22","Info:   0 out of   2 GitHub-owned GitHubAction dependencies pinned","Info:   0 out of   6 third-party GitHubAction dependencies pinned","Info:   0 out of   1 npmCommand dependencies pinned"],"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Packaging","score":10,"reason":"packaging workflow detected","details":["Info: Project packages its releases by way of GitHub Actions.: .github/workflows/ci.yml:7"],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":-1,"reason":"internal error: error during branchesHandler.setup: internal error: githubv4.Query: Resource not accessible by integration","details":null,"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 3 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}}]},"last_synced_at":"2025-08-24T17:53:56.674Z","repository_id":43291066,"created_at":"2025-08-24T17:53:56.675Z","updated_at":"2025-08-24T17:53:56.675Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29885799,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-26T23:51:21.483Z","status":"online","status_checked_at":"2026-02-27T02:00:06.759Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","bootstrap-icons","css","font","icon-classname","icons","svg-icons"],"created_at":"2025-03-23T18:37:44.325Z","updated_at":"2026-02-27T05:00:59.608Z","avatar_url":"https://github.com/uiwjs.png","language":null,"funding_links":["https://ko-fi.com/jaywcjlove","https://buymeacoffee.com/jaywcjlove","https://www.paypal.me/kennyiseeyou","https://jaywcjlove.github.io/#/sponsor"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://uiwjs.github.io/bootstrap-icons/index.html\"\u003e\n    \u003cimg src=\"https://v5.getbootstrap.com/docs/5.0/assets/brand/bootstrap-logo-shadow.png\" alt=\"Bootstrap logo\" width=\"200\" height=\"165\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch3 align=\"center\"\u003eBootstrap Icons Font\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n  Official open source SVG icon library for Bootstrap.\n  \u003cbr\u003e\n  \u003ca href=\"https://icons.getbootstrap.com/\"\u003e\u003cstrong\u003eExplore Bootstrap Icons »\u003c/strong\u003e\u003c/a\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@uiw/bootstrap-icons\"\u003e\n    \u003cimg alt=\"NPM Downloads\" src=\"https://img.shields.io/npm/dm/@uiw/bootstrap-icons.svg?style=flat\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://jaywcjlove.github.io/#/sponsor\"\u003e\n    \u003cimg alt=\"Buy me a coffee\" src=\"https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/uiwjs/bootstrap-icons/releases\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/release/uiwjs/bootstrap-icons.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/uiwjs/bootstrap-icons\"\u003e\n    \u003cimg src=\"https://img.shields.io/dub/l/vibe-d.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@uiw/bootstrap-icons\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/@uiw/bootstrap-icons.svg\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\nVisit **[https://uiwjs.github.io/bootstrap-icons/](https://uiwjs.github.io/bootstrap-icons/index.html)** and check out the search feature, which has keywords identifying common icon names and styles. For example, if you search for \"swift\" we call up every icon that could possibly be used as an arrow. We've also included each icon's class name for easy copy/pasting when you're developing!\n\nThey are free to use and licensed under [MIT](https://opensource.org/licenses/MIT). Use them wherever you see fit, personal or commercial. \n\n## 1,100+ icons\n\n[![Bootstrap Icons full set](https://user-images.githubusercontent.com/98681/91365119-402cdc00-e7b5-11ea-9a2c-e1a03aed21c3.png)](https://icons.getbootstrap.com)\n\n## Install\n\n```bash\nnpm install @uiw/bootstrap-icons --save\n```\n\n## Usage\n\nYou can use [https://uiwjs.github.io/bootstrap-icons/](https://uiwjs.github.io/bootstrap-icons/index.html) to easily find the icon you want to use. Once you've copied the desired icon's CSS classname, simply add the icon and icon's classname, such as `archive` to an HTML element.\n\nSuppose the font name is defined as `btfont`, The default home page is `unicode`, Will generate: \n\n```bash\nfont-class.html\nindex.html\nsymbol.html\nreact\nbtfont.json\nbtfont.css\nbtfont.eot\nbtfont.less\nbtfont.svg\nbtfont.symbol.svg\nbtfont.ttf\nbtfont.woff\nbtfont.woff2\n```\n\nPreview demo `font-class.html`, `symbol.html` annd `index.html`. Automatically generated style `btfont.css` and `btfont.less`.\n\n### symbol svg\n\n```xml\n\u003csvg class=\"icon\" aria-hidden=\"true\"\u003e\n  \u003cuse xlink:href=\"node_modules/@uiw/bootstrap-icons/fonts/btfont.symbol.svg#btfont-javascript\"\u003e\u003c/use\u003e\n\u003c/svg\u003e\n```\n\n### Unicode\n\n```html\n\u003cstyle\u003e\n.iconfont {\n  font-family: \"btfont\" !important;\n  font-size: 16px;\n  font-style: normal;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke-width: 0.2px;\n  -moz-osx-font-smoothing: grayscale;\n}\n\u003c/style\u003e\n\u003cspan class=\"iconfont\"\u003e\u0026#59907;\u003c/span\u003e\n```\n\n### Class Name\n\nSupport for `.less` and `.css` styles references.\n\n```html\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"node_modules/@uiw/bootstrap-icons/fonts/btfont.css\"\u003e\n\u003ci class=\"btfont-javascript\"\u003e\u003c/i\u003e\n```\n\n### Used in React\n\nIcons are used as components. `v1.3.0+` support.\n\n```jsx\nimport { Activity, Wifi } from '@uiw/bootstrap-icons';\nimport { Activity } from '@uiw/bootstrap-icons/Activity';\n\n\u003cActivity style={{ fill: 'red' }} /\u003e\n\u003cWifi height=\"36\" /\u003e\n```\n\nTo use SVG images as React components directly, webpack loader support is required.\n\nInstall dependencies:\n\n```bash\nyarn add @svgr/webpack file-loader\n```\n\nConfigure webpack loader:\n\n```js\n// webpack.config.js\n{\n  test: /\\.svg$/,\n  use: [\n    {\n      loader: require.resolve('@svgr/webpack'),\n      options: {\n        prettier: false,\n        svgo: false,\n        svgoConfig: {\n          plugins: [{ removeViewBox: false }],\n        },\n        titleProp: true,\n        ref: true,\n      },\n    },\n    {\n      loader: require.resolve('file-loader'),\n      options: {\n        name: 'static/media/[name].[hash].[ext]',\n      },\n    },\n  ],\n  issuer: {\n    and: [/\\.(ts|tsx|js|jsx|md|mdx)$/],\n  },\n},\n```\n\nYou can then import the SVG as a React component like this:\n\n```javascript\nimport { ReactComponent as ComLogo } from '@uiw/bootstrap-icons/svg/wifi.svg';\n\n\u003cComLogo /\u003e\n```\n\n**Custom Icon Component**\n\nCreate an `Icon` component.\n\n```jsx\nimport React from 'react';\nimport svgPaths from '@uiw/icons/fonts/w-icon.json';\n\nconst renderSvgPaths = (type) =\u003e {\n  const pathStrings = svgPaths[type];\n  if (pathStrings == null) {\n    return null\n  }\n  return pathStrings.map((d, i) =\u003e \u003cpath key={i} d={d} fillRule=\"evenodd\" /\u003e)\n}\n\nexport default class Icon extends React.PureComponent {\n  render() {\n    const { type, color } = this.props;\n    if (type == null || typeof type === \"boolean\") {\n      return null;\n    }\n    return (\n      \u003csvg fill={color} viewBox={`0 0 24 24`}\u003e{this.renderSvgPaths(type)}\u003c/svg\u003e\n    );\n  }\n}\n```\n\nUse the `Icon` component:\n\n```jsx\nconst demo = () =\u003e {\n  return (\n    \u003cIcon type=\"wifi\" /\u003e\n  )\n}\n```\n\n\n## Related\n\n- [`@uiw/icons`](https://github.com/uiwjs/icons) The premium icon font for [`@uiwjs`](https://github.com/uiwjs) Component Library.\n\n## Contributors\n\nAs always, thanks to our amazing contributors!\n\n\u003ca href=\"https://github.com/uiwjs/bootstrap-icons/graphs/contributors\"\u003e\n  \u003cimg src=\"https://uiwjs.github.io/bootstrap-icons/CONTRIBUTORS.svg\" /\u003e\n\u003c/a\u003e\n\nMade with [github-action-contributors](https://github.com/jaywcjlove/github-action-contributors).\n\n## License\n\nCreated By [svgtofont](https://github.com/jaywcjlove/svgtofont), Licensed under the [MIT License](https://opensource.org/licenses/MIT).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuiwjs%2Fbootstrap-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fuiwjs%2Fbootstrap-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuiwjs%2Fbootstrap-icons/lists"}