✨ logo variations
@ -1,12 +1,52 @@
|
||||
const sizes = [16, 32, 64, 128, 256, 512, 1024, 2048];
|
||||
// const sizes = [1024];
|
||||
const formats = ["png", "jpg", "webp", "ico"];
|
||||
// const formats = ["png"];
|
||||
var sizes = [
|
||||
20,
|
||||
29,
|
||||
32,
|
||||
40,
|
||||
48,
|
||||
50,
|
||||
55,
|
||||
57,
|
||||
58,
|
||||
60,
|
||||
64,
|
||||
72,
|
||||
76,
|
||||
80,
|
||||
80,
|
||||
87,
|
||||
88,
|
||||
100,
|
||||
114,
|
||||
120,
|
||||
128,
|
||||
144,
|
||||
152,
|
||||
167,
|
||||
172,
|
||||
180,
|
||||
180,
|
||||
196,
|
||||
216,
|
||||
256,
|
||||
512,
|
||||
1024,
|
||||
];
|
||||
|
||||
const density = 300;
|
||||
const quality = 100;
|
||||
const lossless = true;
|
||||
// var sizes = [16, 32, 64, 128, 256, 512, 1024, 2048];
|
||||
var sizes = [2048];
|
||||
|
||||
var formats = ["png", "jpg", "webp", "ico"];
|
||||
var formats = ["png"];
|
||||
|
||||
const files = ["icon.svg", "icon_fullsize.svg", "icon_round.svg"];
|
||||
// const files = ["icon.svg"];
|
||||
|
||||
const styles = {
|
||||
default: ``,
|
||||
var styles = {
|
||||
// default: ``,
|
||||
dropshadow: [
|
||||
`#blob {
|
||||
filter: url(#dropshadow);
|
||||
@ -21,31 +61,31 @@ const styles = {
|
||||
</feMerge>
|
||||
</filter>`,
|
||||
],
|
||||
inner_shadow: [
|
||||
`#blob {
|
||||
filter: url(#InnerShadow);
|
||||
}
|
||||
.eye {
|
||||
filter: url(#dropshadow);
|
||||
}`,
|
||||
`<filter id="dropshadow" x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox">
|
||||
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"/>
|
||||
<feGaussianBlur stdDeviation="10" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
|
||||
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" in="shadowBlurOuter1" type="matrix" result="shadowMatrixOuter1"/>
|
||||
<feMerge>
|
||||
<feMergeNode in="shadowMatrixOuter1"/>
|
||||
<feMergeNode in="SourceGraphic"/>
|
||||
</feMerge>
|
||||
</filter>
|
||||
<filter id="InnerShadow" height="130%">
|
||||
<feOffset dx="0" dy="0" />
|
||||
<feGaussianBlur stdDeviation="10" result="blurOut"/>
|
||||
<feComposite in="SourceGraphic" in2="blurOut" operator="out" result="inverseOut"/>
|
||||
<feFlood flood-color="black" flood-opacity="1" result="color" />
|
||||
<feComposite in="color" in2="inverseOut" operator="in" result="shadow"/>
|
||||
<feComposite in="shadow" in2="SourceGraphic" operator="over" />
|
||||
</filter>`,
|
||||
],
|
||||
// inner_shadow: [
|
||||
// `#blob {
|
||||
// filter: url(#InnerShadow);
|
||||
// }
|
||||
// .eye {
|
||||
// filter: url(#dropshadow);
|
||||
// }`,
|
||||
// `<filter id="dropshadow" x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox">
|
||||
// <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"/>
|
||||
// <feGaussianBlur stdDeviation="10" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
|
||||
// <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" in="shadowBlurOuter1" type="matrix" result="shadowMatrixOuter1"/>
|
||||
// <feMerge>
|
||||
// <feMergeNode in="shadowMatrixOuter1"/>
|
||||
// <feMergeNode in="SourceGraphic"/>
|
||||
// </feMerge>
|
||||
// </filter>
|
||||
// <filter id="InnerShadow" height="130%">
|
||||
// <feOffset dx="0" dy="0" />
|
||||
// <feGaussianBlur stdDeviation="10" result="blurOut"/>
|
||||
// <feComposite in="SourceGraphic" in2="blurOut" operator="out" result="inverseOut"/>
|
||||
// <feFlood flood-color="black" flood-opacity="1" result="color" />
|
||||
// <feComposite in="color" in2="inverseOut" operator="in" result="shadow"/>
|
||||
// <feComposite in="shadow" in2="SourceGraphic" operator="over" />
|
||||
// </filter>`,
|
||||
// ],
|
||||
};
|
||||
|
||||
// 84,117,244
|
||||
@ -57,12 +97,15 @@ const colors = {
|
||||
}`,
|
||||
white: `
|
||||
.eye {
|
||||
fill: black;
|
||||
fill: white;
|
||||
}
|
||||
#background {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
#blob {
|
||||
fill: black;
|
||||
}
|
||||
svg {
|
||||
background: black;
|
||||
}
|
||||
@ -135,7 +178,9 @@ for (const file of files) {
|
||||
});
|
||||
|
||||
execSync(
|
||||
`sharp -i ${temp} -o ${output} --density 100 --progressive true -q 100 --lossless resize ${size}`
|
||||
`sharp -i ${temp} -o ${output} --density ${density} --progressive true -q ${quality} ${
|
||||
lossless ? "--lossless" : ""
|
||||
} resize ${size}`
|
||||
);
|
||||
console.log(`[File] written ${output}`);
|
||||
}
|
||||
|
38
assets/logo/temp.svg
Normal file
@ -0,0 +1,38 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1024 1024" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
#blob {
|
||||
fill: white;
|
||||
}
|
||||
#blob {
|
||||
filter: url(#dropshadow);
|
||||
}#background {
|
||||
fill: url(#gradient);
|
||||
}</style>
|
||||
<g id="background">
|
||||
<path id="icon" d="M727,1025H298C134.1,1025,0,890.9,0,727V299C0,135.1,134.1,1,298,1h429c163.9,0,298,134.1,298,298v428
|
||||
C1025,890.9,890.9,1025,727,1025z" />
|
||||
<path id="blob" d="M504.3,256c-62.6,0.5-123.1,10.3-180,28.1c-41.4,12.9-75.8,42.1-95.2,81c-36.4,73-59,154.1-64.5,239.9
|
||||
c-0.8,13.4-1.3,26.8-1.3,40.4v0.5c0,31.6,17.2,60.9,44.7,76.2c20.8,11.6,42.3,22,64.5,31.2c35.8,14.8,77,4.2,101.1-26.2
|
||||
c2-2.5,4-5,5.9-7.6c9.5-12.3,24.9-18.6,40.2-16.3c29.3,4.2,59.2,6.4,89.6,6.4c30.4,0,60.3-2.2,89.6-6.4
|
||||
c15.4-2.2,30.7,4,40.2,16.3c2,2.5,3.9,5.1,5.9,7.6c24.1,30.4,65.4,41,101.1,26.2c22.2-9.2,43.7-19.6,64.5-31.2
|
||||
c27.6-15.3,44.7-44.5,44.7-76.2v-0.5c0-13.6-0.4-27.1-1.3-40.4c-5.4-85.8-28.1-166.9-64.5-239.9c-19.4-38.9-53.9-68.1-95.2-81
|
||||
c-57-17.8-117.4-27.6-180.1-28.1c-1.7,0-3.4,0-5.1,0C507.8,256,506.1,256,504.3,256" />
|
||||
|
||||
<path id="lefteye" class="eye" d="M318.5,511.9c0,35.3,28.5,64,63.7,64c35.2,0,63.7-28.7,63.7-64c0-35.3-28.5-64-63.7-64
|
||||
C347,447.9,318.5,476.6,318.5,511.9" />
|
||||
<path id="righteye" class="eye" d="M573.2,511.9c0,35.3,28.5,64,63.7,64c35.2,0,63.7-28.7,63.7-64c0-35.3-28.5-64-63.7-64
|
||||
C601.7,447.9,573.2,476.6,573.2,511.9" />
|
||||
</g>
|
||||
<filter id="dropshadow" x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox">
|
||||
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"/>
|
||||
<feGaussianBlur stdDeviation="10" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
|
||||
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" in="shadowBlurOuter1" type="matrix" result="shadowMatrixOuter1"/>
|
||||
<feMerge>
|
||||
<feMergeNode in="shadowMatrixOuter1"/>
|
||||
<feMergeNode in="SourceGraphic"/>
|
||||
</feMerge>
|
||||
</filter><linearGradient id="gradient" gradientTransform="rotate(90)">
|
||||
<stop offset="5%" stop-color="rgb(84,117,244)" />
|
||||
<stop offset="95%" stop-color="rgb(143,64,245)" />
|
||||
</linearGradient></svg>
|
After Width: | Height: | Size: 2.2 KiB |
BIN
assets/logo/variants/icon_100_black.png
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
assets/logo/variants/icon_100_blue.png
Normal file
After Width: | Height: | Size: 5.3 KiB |
BIN
assets/logo/variants/icon_100_blurple.png
Normal file
After Width: | Height: | Size: 4.0 KiB |
BIN
assets/logo/variants/icon_100_white.png
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
assets/logo/variants/icon_1024_black.png
Normal file
After Width: | Height: | Size: 36 KiB |
BIN
assets/logo/variants/icon_1024_blue.png
Normal file
After Width: | Height: | Size: 124 KiB |
BIN
assets/logo/variants/icon_1024_blurple.png
Normal file
After Width: | Height: | Size: 84 KiB |
BIN
assets/logo/variants/icon_1024_white.png
Normal file
After Width: | Height: | Size: 67 KiB |
BIN
assets/logo/variants/icon_114_black.png
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
assets/logo/variants/icon_114_blue.png
Normal file
After Width: | Height: | Size: 6.2 KiB |
BIN
assets/logo/variants/icon_114_blurple.png
Normal file
After Width: | Height: | Size: 4.7 KiB |
BIN
assets/logo/variants/icon_114_white.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
assets/logo/variants/icon_120_black.png
Normal file
After Width: | Height: | Size: 3.3 KiB |
BIN
assets/logo/variants/icon_120_blue.png
Normal file
After Width: | Height: | Size: 7.0 KiB |
BIN
assets/logo/variants/icon_120_blurple.png
Normal file
After Width: | Height: | Size: 5.1 KiB |
BIN
assets/logo/variants/icon_120_white.png
Normal file
After Width: | Height: | Size: 3.9 KiB |
BIN
assets/logo/variants/icon_128_black.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
assets/logo/variants/icon_128_blue.png
Normal file
After Width: | Height: | Size: 7.7 KiB |
BIN
assets/logo/variants/icon_128_blurple.png
Normal file
After Width: | Height: | Size: 5.5 KiB |
BIN
assets/logo/variants/icon_128_white.png
Normal file
After Width: | Height: | Size: 4.3 KiB |
BIN
assets/logo/variants/icon_144_black.png
Normal file
After Width: | Height: | Size: 4.1 KiB |
BIN
assets/logo/variants/icon_144_blue.png
Normal file
After Width: | Height: | Size: 9.0 KiB |
BIN
assets/logo/variants/icon_144_blurple.png
Normal file
After Width: | Height: | Size: 6.4 KiB |
BIN
assets/logo/variants/icon_144_white.png
Normal file
After Width: | Height: | Size: 4.9 KiB |
BIN
assets/logo/variants/icon_152_black.png
Normal file
After Width: | Height: | Size: 4.3 KiB |
BIN
assets/logo/variants/icon_152_blue.png
Normal file
After Width: | Height: | Size: 9.5 KiB |
BIN
assets/logo/variants/icon_152_blurple.png
Normal file
After Width: | Height: | Size: 6.8 KiB |
BIN
assets/logo/variants/icon_152_white.png
Normal file
After Width: | Height: | Size: 5.3 KiB |
BIN
assets/logo/variants/icon_167_black.png
Normal file
After Width: | Height: | Size: 4.7 KiB |
BIN
assets/logo/variants/icon_167_blue.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
assets/logo/variants/icon_167_blurple.png
Normal file
After Width: | Height: | Size: 7.6 KiB |
BIN
assets/logo/variants/icon_167_white.png
Normal file
After Width: | Height: | Size: 5.9 KiB |
BIN
assets/logo/variants/icon_172_black.png
Normal file
After Width: | Height: | Size: 4.8 KiB |
BIN
assets/logo/variants/icon_172_blue.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
assets/logo/variants/icon_172_blurple.png
Normal file
After Width: | Height: | Size: 7.8 KiB |
BIN
assets/logo/variants/icon_172_white.png
Normal file
After Width: | Height: | Size: 6.1 KiB |
BIN
assets/logo/variants/icon_180_black.png
Normal file
After Width: | Height: | Size: 5.1 KiB |
BIN
assets/logo/variants/icon_180_blue.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
assets/logo/variants/icon_180_blurple.png
Normal file
After Width: | Height: | Size: 8.4 KiB |
BIN
assets/logo/variants/icon_180_white.png
Normal file
After Width: | Height: | Size: 6.6 KiB |
BIN
assets/logo/variants/icon_196_black.png
Normal file
After Width: | Height: | Size: 5.6 KiB |
BIN
assets/logo/variants/icon_196_blue.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
assets/logo/variants/icon_196_blurple.png
Normal file
After Width: | Height: | Size: 9.4 KiB |
BIN
assets/logo/variants/icon_196_white.png
Normal file
After Width: | Height: | Size: 7.3 KiB |
BIN
assets/logo/variants/icon_2048_black.png
Normal file
After Width: | Height: | Size: 85 KiB |
BIN
assets/logo/variants/icon_2048_blue.png
Normal file
After Width: | Height: | Size: 322 KiB |
BIN
assets/logo/variants/icon_2048_blurple.png
Normal file
After Width: | Height: | Size: 250 KiB |
BIN
assets/logo/variants/icon_2048_white.png
Normal file
After Width: | Height: | Size: 186 KiB |
BIN
assets/logo/variants/icon_20_black.png
Normal file
After Width: | Height: | Size: 543 B |
BIN
assets/logo/variants/icon_20_blue.png
Normal file
After Width: | Height: | Size: 860 B |
BIN
assets/logo/variants/icon_20_blurple.png
Normal file
After Width: | Height: | Size: 717 B |
BIN
assets/logo/variants/icon_20_white.png
Normal file
After Width: | Height: | Size: 575 B |
BIN
assets/logo/variants/icon_216_black.png
Normal file
After Width: | Height: | Size: 6.2 KiB |
BIN
assets/logo/variants/icon_216_blue.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
assets/logo/variants/icon_216_blurple.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
assets/logo/variants/icon_216_white.png
Normal file
After Width: | Height: | Size: 8.3 KiB |
BIN
assets/logo/variants/icon_256_black.png
Normal file
After Width: | Height: | Size: 7.5 KiB |
BIN
assets/logo/variants/icon_256_blue.png
Normal file
After Width: | Height: | Size: 18 KiB |
BIN
assets/logo/variants/icon_256_blurple.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
assets/logo/variants/icon_256_white.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
assets/logo/variants/icon_29_black.png
Normal file
After Width: | Height: | Size: 807 B |
BIN
assets/logo/variants/icon_29_blue.png
Normal file
After Width: | Height: | Size: 1.3 KiB |
BIN
assets/logo/variants/icon_29_blurple.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
assets/logo/variants/icon_29_white.png
Normal file
After Width: | Height: | Size: 859 B |
BIN
assets/logo/variants/icon_32_black.png
Normal file
After Width: | Height: | Size: 923 B |
BIN
assets/logo/variants/icon_32_blue.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
assets/logo/variants/icon_32_blurple.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
assets/logo/variants/icon_32_white.png
Normal file
After Width: | Height: | Size: 998 B |
BIN
assets/logo/variants/icon_40_black.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
assets/logo/variants/icon_40_blue.png
Normal file
After Width: | Height: | Size: 2.1 KiB |
BIN
assets/logo/variants/icon_40_blurple.png
Normal file
After Width: | Height: | Size: 1.5 KiB |
BIN
assets/logo/variants/icon_40_white.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
assets/logo/variants/icon_48_black.png
Normal file
After Width: | Height: | Size: 1.3 KiB |
BIN
assets/logo/variants/icon_48_blue.png
Normal file
After Width: | Height: | Size: 2.5 KiB |
BIN
assets/logo/variants/icon_48_blurple.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
assets/logo/variants/icon_48_white.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
assets/logo/variants/icon_50_black.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
assets/logo/variants/icon_50_blue.png
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
assets/logo/variants/icon_50_blurple.png
Normal file
After Width: | Height: | Size: 1.9 KiB |
BIN
assets/logo/variants/icon_50_white.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
assets/logo/variants/icon_512_black.png
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
assets/logo/variants/icon_512_blue.png
Normal file
After Width: | Height: | Size: 49 KiB |
BIN
assets/logo/variants/icon_512_blurple.png
Normal file
After Width: | Height: | Size: 33 KiB |
BIN
assets/logo/variants/icon_512_white.png
Normal file
After Width: | Height: | Size: 26 KiB |
BIN
assets/logo/variants/icon_55_black.png
Normal file
After Width: | Height: | Size: 1.5 KiB |
BIN
assets/logo/variants/icon_55_blue.png
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
assets/logo/variants/icon_55_blurple.png
Normal file
After Width: | Height: | Size: 2.1 KiB |
BIN
assets/logo/variants/icon_55_white.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
assets/logo/variants/icon_57_black.png
Normal file
After Width: | Height: | Size: 1.5 KiB |
BIN
assets/logo/variants/icon_57_blue.png
Normal file
After Width: | Height: | Size: 2.9 KiB |
BIN
assets/logo/variants/icon_57_blurple.png
Normal file
After Width: | Height: | Size: 2.1 KiB |
BIN
assets/logo/variants/icon_57_white.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
assets/logo/variants/icon_58_black.png
Normal file
After Width: | Height: | Size: 1.7 KiB |
BIN
assets/logo/variants/icon_58_blue.png
Normal file
After Width: | Height: | Size: 3.2 KiB |
BIN
assets/logo/variants/icon_58_blurple.png
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
assets/logo/variants/icon_58_white.png
Normal file
After Width: | Height: | Size: 1.7 KiB |
BIN
assets/logo/variants/icon_60_black.png
Normal file
After Width: | Height: | Size: 1.7 KiB |