123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- <!DOCTYPE html>
- <html>
- <head>
- <style>
- .box { width: 3em; height: 3em }
- .black { padding: 1em; background: black }
- .white { padding: 1em; background: white }
- .grey { padding: 1em; background: grey }
- .red { padding: 1em; background: red }
- .green { padding: 1em; background: green }
- .blue { padding: 1em; background: blue }
- .box { position: relative; }
- .box>img {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
- </style>
- </head>
- <body>
- <h1>16x16gw.png</h1>
- <div class="black"><img src='16x16gw.png'/>a</div>
- <div class="white"><img src='16x16gw.png'/></div>
- <div class="grey"><img src='16x16gw.png'/></div>
- <div class="red"><img src='16x16gw.png'/></div>
- <div class="green"><img src='16x16gw.png'/></div>
- <div class="blue"><img src='16x16gw.png'/></div>
- Just about the smallest bearable with this design (well, Windows tray used to have even 14, if i rememer correctly.). The oceans and land is re-drawn; automatic render is no use with this scale.
- <h1>16x16g.png</h1>
- Same as above, but vastly simplified -- the globe is now just a dot.
- <div class="black"><img src='16x16g.png'/>a</div>
- <div class="white"><img src='16x16g.png'/></div>
- <div class="grey"><img src='16x16g.png'/></div>
- <div class="red"><img src='16x16g.png'/></div>
- <div class="green"><img src='16x16g.png'/></div>
- <div class="blue"><img src='16x16g.png'/></div>
- <h1>32x32.png</h1>
- Good ol' 32x32, used to be Windows desktop icon size. Just automatic render, no GIMP.
- <div class="black"><img src='32x32.png'/>a</div>
- <div class="white"><img src='32x32.png'/></div>
- <div class="grey"><img src='32x32.png'/></div>
- <div class="red"><img src='32x32.png'/></div>
- <div class="green"><img src='32x32.png'/></div>
- <div class="blue"><img src='32x32.png'/></div>
- <h1>symbolic.svg</h1>
- Font-like symbol to be used in some minimalistic modes.
- <div class="black"><img src='symbolic.svg'/>a</div>
- <div class="white"><img src='symbolic.svg'/></div>
- <div class="grey"><img src='symbolic.svg'/></div>
- <div class="red"><img src='symbolic.svg'/></div>
- <div class="green"><img src='symbolic.svg'/></div>
- <div class="blue"><img src='symbolic.svg'/></div>
- <h1>main.svg</h1>
- Working file with all versions. The :V version is for tiny renders (which is why Australia, Madagascar and Cuba are missing :)).
- <div class="black"><img src='main.svg'/>a</div>
- <div class="white"><img src='main.svg'/></div>
- <div class="grey"><img src='main.svg'/></div>
- <div class="red"><img src='main.svg'/></div>
- <div class="green"><img src='main.svg'/></div>
- <div class="blue"><img src='main.svg'/></div>
- </body>
- </html>
|