Add generator for icon images. Generate icons and use them for the icon field editor.

This commit is contained in:
Sam El-Husseini
2018-05-21 10:07:05 -07:00
parent c8afa16a46
commit e7e6992524
124 changed files with 2362 additions and 41 deletions

View File

@ -0,0 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill:#fff;"/>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB