https://github.com/selemondev/svgl-vue

An optimized package with SVG logos to be used as Vue components ✨
https://github.com/selemondev/svgl-vue

logos logos-svg svg svgl svgl-vue vue3

Last synced: 29 days ago
JSON representation

An optimized package with SVG logos to be used as Vue components ✨

• Host: GitHub
• URL: https://github.com/selemondev/svgl-vue
• Owner: selemondev
• License: mit
• Created: 2025-05-19T21:57:24.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2026-04-18T22:56:11.000Z (about 2 months ago)
• Last Synced: 2026-04-18T23:38:34.700Z (about 2 months ago)
• Topics: logos, logos-svg, svg, svgl, svgl-vue, vue3
• Language: Vue
• Homepage:
• Size: 1.21 MB
• Stars: 43
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

          


 

 


  Svgl Vue ✨

 


[![CI](https://github.com/selemondev/svgl-vue/actions/workflows/ci.yml/badge.svg)](https://github.com/selemondev/svgl-vue/actions/workflows/ci.yml)

[![npm version](https://img.shields.io/npm/v/@selemondev/svgl-vue?color=green)](https://npmjs.com/package/@selemondev/svgl-vue)

[![npm downloads](https://img.shields.io/npm/dm/@selemondev/svgl-vue?color=green)](https://npm.chart.dev/@selemondev/svgl-vue)

[![install size](https://badgen.net/packagephobia/install/@selemondev/svgl-vue?color=green)](https://packagephobia.com/result?p=@selemondev/svgl-vue)

**Svgl Vue** is an open-source npm package that offers a collection of high-quality brand SVG logos as reusable **Vue components** with complete TypeScript support.

This package is powered by the official [`pheralb/svgl`](https://github.com/pheralb/svgl) repository.

## ✨ Features

- 💪 Fully typed Vue components.

- 🍃 Tree-shakable — only what you use will be bundled.

## 📦 Installation

```sh

# ✨ Auto-detect

npx nypm install @selemondev/svgl-vue

# npm

npm install @selemondev/svgl-vue

# yarn

yarn add @selemondev/svgl-vue

# pnpm

pnpm install @selemondev/svgl-vue

# bun

bun install @selemondev/svgl-vue

# deno

deno install @selemondev/svgl-vue

```

## 🚀 Usage

Visit the [Svgl logos](https://svgl.app) page to explore the available Svgl logos.

```html

import { SvglVueLogo } from '@selemondev/svgl-vue';

  

```

## ©️ Eco-system

- [svgl-react](https://github.com/ridemountainpig/svgl-react) for the React eco-system.