haishanh / octwall

svg icons pattern picture generation made easy

Octwall

svg icons pattern picture generation made easy.

Checkout the demo

Octwall help genrate picture like below from a bunch of svg icons or svg sprites.

From the online demo, you will only see github octicons icons. Google material design icons are also avaliable in the repo, but you need to run octwall yourself in your local environment, see below.

And also octwall supports some more color patterns.

Octwall is built with nodejs.

Run it in your local environment

1/ Clone the repo

git clone https://github.com/haishanh/octwall.git

2/ Install dependency

cd octwall
npm install -g gulp
npm install

3/ Modify the file octwall.config.js as your want.

Basicly, the file will being imported as a object. Explanation for each key is also avaliable in the file itself.

4/ Build

Octwall using gulp as task runner. To build:

gulp

5/ Serve and browse

gulp serve

Go checkout http://localhost:3000

Note: Seems on some Linux distro there is a issue with slug module used in gulp-svg-symbol, like below:

Error: Cannot find module 'unicode/category/So'

To resolve it you can try my patch slug.patch. To apply the patch:

patch -p1 < slug.patch

License

octicons used in this project come from GitHub's original octicons repo. License here. Google material design icons used in this project come from Google's original google/material-design-icons repo. License here.

Others are my own work, use it whatever you want.