https://github.com/tiagoporto/svg-to-inline

Web Component to fetch an external SVG file and use it inline.
https://github.com/tiagoporto/svg-to-inline

component fetch inject inline inline-svg reactjs svg svg-files vuejs web-component webcomponent

Last synced: 8 days ago
JSON representation

Web Component to fetch an external SVG file and use it inline.

• Host: GitHub
• URL: https://github.com/tiagoporto/svg-to-inline
• Owner: tiagoporto
• License: mit
• Created: 2017-12-03T20:52:46.000Z (over 7 years ago)
• Default Branch: main
• Last Pushed: 2025-03-28T22:15:16.000Z (26 days ago)
• Last Synced: 2025-03-29T01:01:36.111Z (26 days ago)
• Topics: component, fetch, inject, inline, inline-svg, reactjs, svg, svg-files, vuejs, web-component, webcomponent
• Language: TypeScript
• Homepage: https://tiagoporto.github.io/svg-to-inline/
• Size: 2.97 MB
• Stars: 5
• Watchers: 3
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Contributing: docs/CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  



[![Release](https://img.shields.io/npm/v/svg-to-inline.svg?style=flat-square&label=release)](https://github.com/tiagoporto/svg-to-inline/releases)

[![Downloads](https://img.shields.io/npm/d18m/svg-to-inline.svg?style=flat-square)](https://www.npmjs.com/package/svg-to-inline)

[![npm bundle size](https://img.shields.io/bundlephobia/min/svg-to-inline?style=flat-square)](https://bundlephobia.com/package/svg-to-inline)

## Status ✅

![Website](https://img.shields.io/website?logo=githubpages&style=flat-square&url=https://tiagoporto.github.io/svg-to-inline)

[![Checks GA Workflow Status](https://img.shields.io/github/actions/workflow/status/tiagoporto/svg-to-inline/checks.yml?label=checks&logo=githubactions&logoColor=white&style=flat-square)](https://github.com/tiagoporto/svg-to-inline/actions/workflows/checks.yml)

[![Tests GA Workflow Status](https://img.shields.io/github/actions/workflow/status/tiagoporto/svg-to-inline/unit-tests.yml?label=tests&logo=githubactions&logoColor=white&style=flat-square)](https://github.com/tiagoporto/svg-to-inline/actions/workflows/unit-tests.yml)

[![Coverage Status](https://img.shields.io/coverallsCoverage/github/tiagoporto/svg-to-inline.svg?logo=coveralls&style=flat-square)](https://coveralls.io/github/tiagoporto/svg-to-inline)

## Demo 🚀

Access 

## Installation 📦

```bash

npm i svg-to-inline

```

## Usage ➡️

```html

  import 'svg-to-inline/svg-to-inline.js'

```

## Contributing 🤝

[Check how to contribute](https://github.com/tiagoporto/svg-to-inline/blob/main/docs/CONTRIBUTING.md).

## License 📄

This project is licensed under the [MIT License](https://github.com/tiagoporto/svg-to-inline/blob/main/LICENSE).