Logo Image Builder
npm install logoit ~save
npm start
Logos are built up as a series of layers each with an increased z-index
domain/[pixels/]layer/layer2/.../layerN[.format]
pixels
: size in pixels, default 256. Same as: width:px; height:pxlayer
: layer detailsformat
: currently only.png
is supported
http://localhost:3000/b:yellow~gf:Lobster~f:b~tc:50~o:1~p:5~fa:photo~bc:35~p:10~LogoIt~/img.png
http://localhost:3000/b:white~tc:46~p:12~fa:picture-o~bc:14~p:10~gf:Share Tech Mono~Invalid Image~tc:70~p:1~c:990000~o:0.6~fa:ban~/img.png
http://localhost:3000/p:10~tc:60~fa:frown-o~bc:15~Not Found~/img.png
http://localhost:3000/c:navy~ml:20~p:35~fa:level-down~tl:25~p:20~fa:cloud-download~tc:25~c:666600~p:10~fa:cloud-download~tc:20~p:34~fa:long-arrow-down~tr:25~c:006666~p:20~fa:cloud-download~mr:20~p:35~fa:level-down%20fa-flip-horizontal~bc:45~c:660000~p:8~dev:responsive~/cdnall.png
l:<language>
: Set languge. default:l:en
s:<style>
: Set style. default:s:background:yellow;color:black
b:<color>
: Shorthand fors:background-color:<color>
c:<color>
: Shorthand fors:color:<color>
o:<opacity>
: Shorthand fors:opacity:<opacity>
ff:<font-family>
: Shorthand fors:font-family:<font-family>
fw:<font-weight>
: Shorthand fors:font-weight:<font-weight>
fs:<font-style>
: Shorthand fors:font-style:<font-style>
f:<shorthand>
: Special font shorthands, see: f:shorthand belowp:<percent>
: Padding, default isp:5
<percent>%
: Slide in percentagetl[:percent]
: New Top Left layer, optional size percentagetc[:percent]
: New Top Center layer, optional size percentagetr[:percent]
: New Top Right layer, optional size percentageml[:percent]
: New Middle Left layer, optional size percentagemc[:percent]
: New Middle Center layer, optional size percentagemr[:percent]
: New Middle Right layer, optional size percentagebl[:percent]
: New Bottom Left layer, optional size percentagebc[:percent]
: New Bottom Center layer, optional size percentagebr[:percent]
: New Bottom Right layer, optional size percentaget:<text>
: Add text to layer. ex:t:JS
i:<src or common>
: Add image to layer. Recommend square transpart .png. See Common Images for listfa:<name>[,name...]>
: Add Font Awesome Icon to layerdev:<name>[,name...]>
: Add Devicon to layerfi:<name>[,name...]>
: Add Foundation Icon to layerflag:<country_code>
: Add Flag Icon to layermd:<name>
: Add Material Design Icon to layerim:<code>
: Add IcoMoon icone to layer, note these require IcoMoon codesgf:<name>
: Select Google Font. Case sensitive, ex:Logster
i:<img_src>
: Add image. Ex:i:http://domain.com/sample.png
b
:fw:bold
i
:fs:italic
Shortcut for common images, like nodejs