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

File diff suppressed because one or more lines are too long

View File

@ -181,6 +181,7 @@ namespace basic {
//% help=basic/show-icon
//% icon.fieldEditor="imagedropdown"
//% icon.fieldOptions.columns="5"
//% icon.fieldOptions.width="400"
export function showIcon(icon: IconNames, interval = 600) {
let res = images.iconImage(icon)
res.showImage(0, interval)

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 945 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 698 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 1014 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 965 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 791 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 929 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 868 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 835 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 893 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 955 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 972 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 871 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 810 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 952 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 942 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 883 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 859 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 911 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 939 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 812 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 929 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 958 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 769 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.0 KiB

After

Width:  |  Height:  |  Size: 974 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 918 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 969 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 637 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 678 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 690 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 855 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 934 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 899 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 829 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 801 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 939 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 733 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 696 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 985 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 905 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 717 B

View File

@ -254,7 +254,6 @@
"githubUrl": "https://github.com/Microsoft/pxt-microbit",
"boardName": "micro:bit",
"driveDisplayName": "MICROBIT",
"sideDoc": "tutorials/getting-started",
"feedbackUrl": "https://www.research.net/r/MCmicro",
"appStoreID": "1092687276",
"mobileSafariDownloadProtocol": "microbithex://?data",

View File

@ -0,0 +1,281 @@
var fs = require('fs');
var path = require('path');
// You need to npm install svg2png for this to work
var svg2png = require('svg2png');
var svgdir = "svg";
var outputdir = "out";
const svgNS = "http://www.w3.org/2000/svg";
const icons = {
heart: `
. # . # .
# # # # #
# # # # #
. # # # .
. . # . .`,
smallheart: `
. . . . .
. # . # .
. # # # .
. . # . .
. . . . .`,
happy: `
. . . . .
. # . # .
. . . . .
# . . . #
. # # # .`,
sad: `
. . . . .
. # . # .
. . . . .
. # # # .
# . . . #`,
confused: `
. . . . .
. # . # .
. . . . .
. # . # .
# . # . #`,
angry: `
# . . . #
. # . # .
. . . . .
# # # # #
# . # . #`,
asleep: `
. . . . .
# # . # #
. . . . .
. # # # .
. . . . .`,
surprised: `
. # . # .
. . . . .
. . # . .
. # . # .
. . # . .`,
silly: `
# . . . #
. . . . .
# # # # #
. . . # #
. . . # #`,
fabulous: `
# # # # #
# # . # #
. . . . .
. # . # .
. # # # .`,
meh: `
# # . # #
. . . . .
. . . # .
. . # . .
. # . . .`,
yes: `
. . . . .
. . . . #
. . . # .
# . # . .
. # . . .`,
no: `
# . . . #
. # . # .
. . # . .
. # . # .
# . . . #`,
triangle: `
. . . . .
. . # . .
. # . # .
# # # # #
. . . . .`,
lefttriangle: `
# . . . .
# # . . .
# . # . .
# . . # .
# # # # #`,
chessboard: `
. # . # .
# . # . #
. # . # .
# . # . #
. # . # .`,
diamond: `
. . # . .
. # . # .
# . . . #
. # . # .
. . # . .`,
smalldiamond: `
. . . . .
. . # . .
. # . # .
. . # . .
. . . . .`,
square: `
# # # # #
# . . . #
# . . . #
# . . . #
# # # # #`,
smallsquare: `
. . . . .
. # # # .
. # . # .
. # # # .
. . . . .`,
scissors: `
# # . . #
# # . # .
. . # . .
# # . # .
# # . . #`,
tshirt: `
# # . # #
# # # # #
. # # # .
. # # # .
. # # # .`,
rollerskate: `
. . . # #
. . . # #
# # # # #
# # # # #
. # . # .`,
duck: `
. # # . .
# # # . .
. # # # #
. # # # .
. . . . .`,
house: `
. . # . .
. # # # .
# # # # #
. # # # .
. # . # .`,
tortoise: `
. . . . .
. # # # .
# # # # #
. # . # .
. . . . .`,
butterfly: `
# # . # #
# # # # #
. . # . .
# # # # #
# # . # #`,
stickfigure: `
. . # . .
# # # # #
. . # . .
. # . # .
# . . . #`,
ghost: `
. # # # .
# . # . #
# # # # #
# # # # #
# . # . #`,
sword: `
. . # . .
. . # . .
. . # . .
. # # # .
. . # . .`
,
giraffe: `
# # . . .
. # . . .
. # . . .
. # # # .
. # . # .`,
skull: `
. # # # .
# . # . #
# # # # #
. # # # .
. # # # .`,
umbrella: `
. # # # .
# # # # #
. . # . .
# . # . .
# # # . .`,
snake: `
# # . . .
# # . # #
. # . # .
. # # # .
. . . . .`,
rabbit: `
# . # . .
# . # . .
# # # # .
# # . # .
# # # # .`,
cow: `
# . . . #
# . . . #
# # # # #
. # # # .
. . # . .`,
quarternote: `
. . # . .
. . # . .
. . # . .
# # # . .
# # # . .`,
eigthnote: `
. . # . .
. . # # .
. . # . #
# # # . .
# # # . .`,
pitchfork: `
# . # . #
# . # . #
# # # # #
. . # . .
. . # . .`,
target: `
. . # . .
. # # # .
# # . # #
. # # # .
. . # . .`
}
Object.keys(icons).forEach(icon => {
const data = icons[icon];
const hexLiteral = data
.replace(/[ \n`\(\)]/gi, '');
var svg = `<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200">`;
const width = 200;
const height = 200;
for (var i = 0; i < 5; i++) {
for (j = 0; j < 5; j++) {
const hexItemVal = hexLiteral[(i * 5) + j] ? hexLiteral[(i * 5) + j] == '#' : false;
const x = j * (width / 5);
const y = i * (height / 5);
svg += `<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(${x},${y})"
style="${hexItemVal ? 'fill:#fff;' : 'fill: #fff; fill-opacity:0;'}"/>\n`;
}
}
svg += `</svg>`;
const svgPath = path.join(svgdir, icon + ".svg");
fs.writeFile(svgPath, svg, { encoding: 'utf8', flag: 'w' })
const sourceBuffer = Buffer.from(svg, 'utf8');
svg2png(sourceBuffer, { width: 200, height: 200 })
.then(buffer => fs.writeFile(path.join(outputdir, icon + "-icon.png"), buffer, { encoding: 'utf8', flag: 'w' }))
.catch(e => console.error(e));
});

Binary file not shown.

After

Width:  |  Height:  |  Size: 945 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 698 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1014 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 965 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 791 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 929 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 868 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 835 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 893 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 955 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 972 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 871 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 810 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 952 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 942 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 883 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 859 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 911 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 939 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 812 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 929 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 958 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 769 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 974 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 918 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 969 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 637 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 678 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 690 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 855 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 934 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 899 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 829 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 801 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 939 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 733 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 696 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 985 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 905 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 717 B

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;"/>
<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;"/>
<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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<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;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
<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

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; fill-opacity:0;"/>
<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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<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; fill-opacity:0;"/>
<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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

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;"/>
<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;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
<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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill:#fff;"/>
<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.0 KiB

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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<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;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
<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; fill-opacity:0;"/>
<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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill: #fff; fill-opacity:0;"/>
<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;"/>
<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; fill-opacity:0;"/>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

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; fill-opacity:0;"/>
<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; fill-opacity:0;"/>
<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;"/>
<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;"/>
<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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
<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;"/>
<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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill:#fff;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill:#fff;"/>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

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;"/>
<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;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<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; fill-opacity:0;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

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; fill-opacity:0;"/>
<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;"/>
<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; fill-opacity:0;"/>
<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;"/>
<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;"/>
<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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
<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;"/>
<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; fill-opacity:0;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill:#fff;"/>
<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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill:#fff;"/>
<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; fill-opacity:0;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<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; fill-opacity:0;"/>
<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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

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; fill-opacity:0;"/>
<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;"/>
<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; fill-opacity:0;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
<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; fill-opacity:0;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill:#fff;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
<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;"/>
<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; fill-opacity:0;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<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; fill-opacity:0;"/>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<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;"/>
<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;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<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;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill:#fff;"/>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

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;"/>
<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; fill-opacity:0;"/>
<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;"/>
<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; fill-opacity:0;"/>
<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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<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; fill-opacity:0;"/>
<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;"/>
<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; fill-opacity:0;"/>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

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; fill-opacity:0;"/>
<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; fill-opacity:0;"/>
<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;"/>
<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;"/>
<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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<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; fill-opacity:0;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<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; fill-opacity:0;"/>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<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; fill-opacity:0;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

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; fill-opacity:0;"/>
<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;"/>
<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; fill-opacity:0;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<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;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<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; fill-opacity:0;"/>
<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;"/>
<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; fill-opacity:0;"/>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<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; fill-opacity:0;"/>
<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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<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; fill-opacity:0;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<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

Some files were not shown because too many files have changed in this diff Show More