All Projects → vagusX → webpack-svg-sprite-sample

vagusX / webpack-svg-sprite-sample

Licence: other
a webpack SVG sprite sample when using Vue and React

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to webpack-svg-sprite-sample

vue-svg-icon-loader
Turn SVG files into VueJS Components
Stars: ✭ 24 (+26.32%)
Mutual labels:  svg-icons, svg-sprites
ionicons-sprite
SVG sprite icon set based on Ionicons icons
Stars: ✭ 22 (+15.79%)
Mutual labels:  svg-icons, svg-sprites
font-gis
Icon font and SVG for use with GIS and spatial analysis tools
Stars: ✭ 121 (+536.84%)
Mutual labels:  svg-icons, svg-sprites
react-crud-icons
57 SVG icons for CRUD applications, packaged as a React component with light & dark themes and tooltip.
Stars: ✭ 19 (+0%)
Mutual labels:  svg-icons, svg-sprites
Coreui Icons
CoreUI Free Icons - Premium designed free icon set with marks in SVG, Webfont and raster formats
Stars: ✭ 1,813 (+9442.11%)
Mutual labels:  svg-icons, svg-sprites
Svg Icon
An ultimate SVG icons collection DONE RIGHT, with over 10,000 SVG icons out of the box.
Stars: ✭ 870 (+4478.95%)
Mutual labels:  svg-icons, svg-sprites
svgpack
A tool for generating and managing SVG Sprites.
Stars: ✭ 28 (+47.37%)
Mutual labels:  svg-icons, svg-sprites
Font Awesome
The iconic SVG, font, and CSS toolkit
Stars: ✭ 66,937 (+352200%)
Mutual labels:  svg-icons, svg-sprites
Svgsprit.es
Public endpoint to generate SVG Sprites
Stars: ✭ 73 (+284.21%)
Mutual labels:  svg-icons, svg-sprites
Svgeez
A Ruby gem for automatically generating an SVG sprite from a folder of SVG icons.
Stars: ✭ 69 (+263.16%)
Mutual labels:  svg-icons, svg-sprites
Feathericon
simply generic vector icon collection - including sketch file, svg files, and font files.
Stars: ✭ 178 (+836.84%)
Mutual labels:  svg-icons, svg-sprites
flexicon
SVG icon collection.
Stars: ✭ 23 (+21.05%)
Mutual labels:  svg-icons, svg-sprites
Group-of-Assembly-Programs-Samples--8086-85-Processors-family-
A large group of assembly language programs & samples ..with different topics and levels..from Ascci to Stack - assembly programming.
Stars: ✭ 15 (-21.05%)
Mutual labels:  samples
agoncal-sample-angular
Angular samples
Stars: ✭ 23 (+21.05%)
Mutual labels:  samples
cfd-demos
A collection of useful Call Flow Designer sample projects shared with the developer community
Stars: ✭ 29 (+52.63%)
Mutual labels:  samples
minidenticons
Super lightweight SVG identicon (icon avatar) generator
Stars: ✭ 89 (+368.42%)
Mutual labels:  svg-icons
models
Programmatically control Elektron's model:cycles & model:samples via midi using Go.
Stars: ✭ 26 (+36.84%)
Mutual labels:  samples
symphony-java-sample-bots
A set of simple Bots for Symphony, implemented in Java.
Stars: ✭ 20 (+5.26%)
Mutual labels:  samples
examples
Example actors, capability providers, and other demonstrations
Stars: ✭ 93 (+389.47%)
Mutual labels:  samples
titanium-es6-sample
An ES6+ sample app for Appcelerator Titanium.
Stars: ✭ 11 (-42.11%)
Mutual labels:  samples

Webpack SVG sprite sample project

###Usage

in Vue

npm run dev:vue
npm run build:vue

in React

npm run dev:react
npm run build:react

Update at 2016-06-05

Tricks:

  • Using svg-sprite-loader to build a svg sprite inject into body
  • Using svgo-loader to pretty svg files (you can see the icon panda, necessary attributes was removed)
  • Using the code below (require.context) to require all svg icons in one folder with webpack
const _require = require.context('../../assets/icons', false, /\.svg$/)
_require.keys().forEach(key => _require(key))
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].