Home / JavaScript / Font and Icon

This tool helps to convert svg to vue templates as icons

Svg to vue Project Description This script helps to batch generate vue templates from svg files Instructions Run npm install to install dependencies P
Information
Category: JavaScript / Font and Icon
Watchers: 1
Star: 8
Fork: 0
Last update: Oct 28, 2021
Resource links
https://github.com/Graxi/svg-to-vue

Svg to vue

Project Description

This script helps to batch generate vue templates from svg files

Instructions

  • Run npm install to install dependencies
  • Place svg files under input directory
  • Run npm run svg2vue and vue templates would be generated to output directory
  • You can set input and output directories by running npm run svg2vue <path/to/input/directory> <path/to/output/directory>

Contents

    bytedance Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons
    astrit 700+ Pure CSS, SVG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API
    colorswall Pure CSS icons for popular file extensions
    antonreshetov vue-eva-icons - Simply beautiful open source eva icons as Vue components.
    IPRIT md-svg-vue - Material Design Icons by Google for Vue.js & Nuxt.js (server side support (with caching), inline svg rendering, official icon names)
    yeliulee Material Design Svg Icons for Vue.js
    nkoik vue-simple-line-icons - Simple Line Icons component for Vuejs
    egoist Simply beautiful open source icons as Vue functional components.
    damianstasik vue-svg-loader - webpack loader that lets you use SVG files as Vue components
    biigpongsatorn vue-svg-filler - Vue component for custom your svg file 🖍 🎨 (vue 2.x).
    egoist Bytesize SVG icons as Vue functional components
    egoist Convert SVG to React/Vue components
    egoist Webpack loader to import SVG as React/Vue component
    astro-community Radix Icons for Astro
    Borrus-sudo 🍱 Simple nodejs support for using icons!
    react-icons svg react icons of popular icon packs
    akveo A pack of more than 480 beautifully crafted Open Source icons. SVG, Sketch, Web Font and Animations support.
    simple-icons SVG icons for popular brands
    vyperium 5,400+ Material Design Icons for Vue 3 from the Community
    Justineo vue-awesome - Font Awesome component for Vue.js, using inline SVG.
    BaseMax A nodejs-based program to convert shape based SVG to path by using SVGO library.
    Share this repo

    Related Repos


    Font and Icon
    3
    SVG icons for Emacs Speedbar
    kcyarn Pretty Speedbar for Emacs Why turn off the ugly Emacs Speedbar icons when you can replace them with pretty SVG icons customized to match your theme? I
     
    Font and Icon
    10
    Open-source Tengwar font
    Tosche Alcarin Tengwar Alcarin Tengwar is a Tengwar typeface designed to pair well with the Brill typeface; Tengwar is an fictional writing system invented b
     
    Font and Icon
    9
    Budgie Desktop View is the official Budgie desktop icons application / implementation.
    BuddiesOfBudgie Budgie Desktop View Budgie Desktop View is the official Budgie desktop icons application / implementation. Scope The scope of this project is to provi
     
    Font and Icon
    6
    🍱 Simple nodejs support for using icons!
    Borrus-sudo 🍱 node-icons Usage Checkout its unit tests to see complete usage with output! import Icons from "node-icons"; const icons = Icons({ // auto install
     
    Font and Icon
    3.5k
    Font Awesome React component
    FortAwesome react-fontawesome Font Awesome 5 React component using SVG with JS Documentation How to Help Contributors Releasing this project (only project owners
     
    Font and Icon
    3.4k
    Read and write OpenType fonts using JavaScript.
    opentypejs opentype.js · opentype.js is a JavaScript parser and writer for TrueType and OpenType fonts. It gives you access to the letterforms of text from the b
     
    Font and Icon
    22
    Custom stylesheet for filebrowser that adds colors and changes icons
    jniggemann Table of Contents About This Project What It Does Screenshot How To Use This License About this project Custom stylesheet for filebrowser that adds co
     
    Font and Icon
    295
    Lora fonts — serif family for text. Variable Open Source Font
    cyrealtype Lora Fonts by Olga Karpushina and Lora project authors Lora is a well-balanced contemporary serif with roots in calligraphy. It is a text typeface wit
     
    Font and Icon
    18
    This is an awesome project about Web Development tools. ⚡
    smthari Tools for web developers this repository contains a best and useful tools for web developers what we can use in our daily professional life like css code generators , ui generators , color generators , animation libraries , free icons, free vector , cheatsheet , editor playground, vs code extensions, chrome extensions etc...
     
    Font and Icon
    11
    Material Design Svg Icons for Vue.js
    yeliulee Material Design Svg Icons for Vue.js Library to render Material Design Svg Icons in Vue.js Never mind the project name, you can actually use any monoc
     
    Font and Icon
    10
    Radix Icons for Astro
    astro-community Radix Icons for Astro Radix Icons are a crisp set of 15×15 icons designed by the Modulz team. npm install @astropub/icons Usage All of the icons are a
     
    Font and Icon
    7
    HERE icons are visual cues of objects, points, actions, and tools found across HERE produc...
    heremaps HERE Icon Library HERE icons are visual cues of objects, points, actions, and tools found across our products. They are designed to complement our hum
     
    Font and Icon
    8
    IconGaGa a Node.js library of randomly generated icons.
    bytesfriends ICON-GAGA An awesome random icon builder! Explore the Sites » About The Project This library is mainly a way of randomly generating icons on one of ou
     
    Font and Icon
    16
    The home for our Cal Sans font.
    calendso Cal Sans 1.0 Introduction Cal Sans is a geometric sanserif tuned for display, that is, large point sizes. It is an Open Source typeface to adorn the h
     
    Font and Icon
    8
    This tool helps to convert svg to vue templates as icons
    Graxi Svg to vue Project Description This script helps to batch generate vue templates from svg files Instructions Run npm install to install dependencies P