PHPackages                             tiago-f2/vuejs-component-from-svg - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. tiago-f2/vuejs-component-from-svg

ActiveLibrary[Utility & Helpers](/categories/utility)

tiago-f2/vuejs-component-from-svg
=================================

A package to easily generate Vue icon components from SVG files.

v1.0.03(2y ago)03MITPHPPHP ^8.0

Since Jul 15Pushed 2y ago1 watchersCompare

[ Source](https://github.com/tiagofrancafernandes/vuejs-component-from-svg)[ Packagist](https://packagist.org/packages/tiago-f2/vuejs-component-from-svg)[ Docs](https://github.com/tiagofrancafernandes)[ RSS](/packages/tiago-f2-vuejs-component-from-svg/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (4)Versions (5)Used By (0)

vuejs-component-from-svg
========================

[](#vuejs-component-from-svg)

> A package to easily generate Vue icon components from SVG files.

- [**Packagist URL**](https://packagist.org/packages/tiago-f2/vuejs-component-from-svg)

```
composer require tiago-f2/vuejs-component-from-svg
```

- If want to use dev version use `dev-master` tag

```
composer require tiago-f2/vuejs-component-from-svg:dev-master
```

Example
-------

[](#example)

- See [`example/example.php`](./example/example.php)

```
use TiagoF2\VuejsComponentFromSvg\Generator\GeneratorRunner;

require_once __DIR__ . '/vendor/autoload.php';

$initialClass = 'svg-icon-vue-component'; // CSS class on SVG tag
$componentPrefix = 'Custom';
$componentSufix = 'Icon';
$svgSourcePath = __DIR__ . '/svg';
$outputDir = __DIR__ . '/dist/tiago';

$generatorRunner = new GeneratorRunner(
    $svgSourcePath,
    $outputDir,
    // $initialClass, // Optional
    // $componentPrefix, // Optional
    // $componentSufix, // Optional
);

$generatorRunner->generateFiles();
```

[TODO](./TODO.md)
-----------------

[](#todo)

###  Health Score

22

—

LowBetter than 22% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity3

Limited adoption so far

Community4

Small or concentrated contributor base

Maturity52

Maturing project, gaining track record

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~0 days

Total

3

Last Release

1031d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/fe1fcc4a5bb1a09c939e15e236c9cbe23ff131784de1db6407533f2fdf0a93f8?d=identicon)[tiagof2](/maintainers/tiagof2)

---

Tags

svgbuildericonVue.js

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/tiago-f2-vuejs-component-from-svg/health.svg)

```
[![Health](https://phpackages.com/badges/tiago-f2-vuejs-component-from-svg/health.svg)](https://phpackages.com/packages/tiago-f2-vuejs-component-from-svg)
```

###  Alternatives

[wnx/laravel-stats

Get insights about your Laravel Project

1.8k1.8M7](/packages/wnx-laravel-stats)[illuminate/session

The Illuminate Session package.

9937.4M753](/packages/illuminate-session)[laragear/preload

Effortlessly make a Preload script for your Laravel application.

119363.5k](/packages/laragear-preload)[aedart/athenaeum

Athenaeum is a mono repository; a collection of various PHP packages

245.2k](/packages/aedart-athenaeum)[dcblogdev/laravel-module-generator

Generate Laravel Modules from a template.

7710.1k1](/packages/dcblogdev-laravel-module-generator)[smithfield-studio/acf-svg-icon-picker

Add ACF field for selecting SVG icons.

3710.8k](/packages/smithfield-studio-acf-svg-icon-picker)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)