# svg64
> Convert SVG to base64 anywhere
Latest version **2.0.0** (published 2023-01-04) · MIT license · 0 weekly downloads
## Install
```sh
npm install svg64
pnpm add svg64
yarn add svg64
bun add svg64
```
## Health
**Score 40/100 (D)** — status: abandoned.
Positive: has types; esm support; no vulnerabilities; high maintenance score.
Warnings: low downloads.
Negative: abandoned.
## Facts
| | |
|---|---|
| Version | 2.0.0 |
| Published | 2023-01-04 |
| First published | 2018-07-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 32.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 36 |
| Author | Atanas Atanasov |
| Maintainers | scriptex |
| Keywords | SVG convert, SVG to base64, base64 convert |
## Links
- npm: https://www.npmjs.com/package/svg64
- Repository: https://github.com/scriptex/svg64
- Homepage: https://svg64.atanas.info
- Issues: https://github.com/scriptex/svg64/issues
- Funding: https://github.com/sponsors/scriptex
- npm.io page: https://npm.io/package/svg64
## Alternatives
- [flatbuffers](https://npm.io/package/flatbuffers.md) — 6.0M weekly downloads
- [jwt-simple](https://npm.io/package/jwt-simple.md) — 259.5K weekly downloads
- [@exodus/patch-broken-hermes-typed-arrays](https://npm.io/package/@exodus/patch-broken-hermes-typed-arrays.md) — 28.5K weekly downloads
- [@native-to-anchor/buffer-layout](https://npm.io/package/@native-to-anchor/buffer-layout.md) — 12.2K weekly downloads
- [binary-parser-encoder](https://npm.io/package/binary-parser-encoder.md) — 5.3K weekly downloads
## Recent versions
- 2.0.0 (latest) — 2023-01-04
- 1.2.0 — 2022-09-30
- 1.1.0 — 2020-10-20
- 1.0.0 — 2019-06-21
- 0.1.0 — 2019-01-03
- 0.0.2 — 2018-07-02
- 0.0.1 — 2018-07-02
## README
[](https://travis-ci.com/scriptex/svg64)
[](https://github.com/scriptex/svg64/actions?query=workflow%3ABuild)
[](https://www.codacy.com/gh/scriptex/svg64/dashboard?utm_source=github.com&utm_medium=referral&utm_content=scriptex/svg64&utm_campaign=Badge_Grade)
[](https://codebeat.co/projects/github-com-scriptex-svg64-master)
[](https://www.codefactor.io/repository/github/scriptex/svg64)
[](https://deepscan.io/dashboard#view=project&tid=3574&pid=5257&bid=40799)
[](https://github.com/scriptex/svg64/)
# SVG64
> Convert SVG to base64 anywhere
## Visitor stats
## Code stats
## About
If you, like me, are using lots of SVGs when developing, you might have come to a point where you need your SVG used as background image or embedded in your javascript file. The only way to do this is to convert your SVG file to a base64 string and then use it where needed. This package does exactly this - it converts SVGs to base64.
This package works in a browser and in a Node environment. Please read along to understand how.
## Install
```sh
npm i svg64
```
or
```sh
yarn add svg64
```
or
just download this repository and use the files located in `dist` folder
or unclude it from unpkg.com
```html
```
## Usage
### In a browser
```javascript
import svg64 from 'svg64'; // or use window.svg64.default
// This is your SVG DOM element
const svg = document.getElementById('svg');
// This is your DOM element that needs SVG background image
const demo = document.getElementById('demo');
// This is your SVG in base64 representation
const base64fromSVG = svg64(svg);
// Add the base64 image as a background to your element
demo.style.backgroundImage = `url(${base64fromSVG})`;
```
### In Node
```javascript
// Require svg64
const svg64 = require('svg64');
// Import `readFileSync` from the file system module
const { readFileSync } = require('fs');
// Read your SVG file's contents
const svg = readFileSync('./file.svg', 'utf-8');
// This is your SVG in base64 representation
const base64fromSVG = svg64(svg);
```
## Demo
There is a simple demo illustrating how to use the SVG64 module in a browser.
Check it out [here](https://svg64.atanas.info)
There is a simple demo illustrating how to use the SVG64 module in NodeJS.
Check it out [here](https://github.com/scriptex/svg64/blob/master/demo/scripts/node.js)
## LICENSE
MIT
---
Connect with me:
---
Support and sponsor my work:
---
_Source: https://npm.io/package/svg64 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
