Ted
Terence EdenHaving a look through the filesizes of the SVG logos at https://github.com/edent/SuperTinyIcons
And, yeah, that sounds about right for C++!
jack<svg xmlns="http://www.w3.org/2000/svg"
aria-label="Delicious" role="img"
viewBox="0 0 512 512"><path
d="m0 0H512V512H0"
fill="#333"/><path fill="#39F" d="M512 512V0H0"/><path fill="#fff" d="M0 0h256v256H0"/><path fill="#eee" d="M256 256h256v256H256z"/></svg>
Feel free to contribute a smaller version if you can 🙂
Harry Wood@jackeric @Edent I was wondering that, or rather, how come the four squares need more bytes than the six circles of CoderWall? I would have to learn a bit more about SVG to understand this magic:
<svg xmlns="http://www.w3.org/2000/svg"
aria-label="Coderwall" role="img"
viewBox="0 0 512 512"><path
d="m0 0H512V512H0"
fill="#fff"/><path transform="scale(64)" stroke="#3e8dcc" stroke-linecap="round" d="m2 2zm2 0zm0 2zm2-2zm0 2zm0 2z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg"
aria-label="Coderwall" role="img"
viewBox="0 0 512 512"><path
d="m0 0H512V512H0"
fill="#fff"/><path transform="scale(64)" stroke="#3e8dcc" stroke-linecap="round" d="m2 2zm2 0zm0 2zm2-2zm0 2zm0 2z"/></svg>
The CoderWall one is a clever hack. It draws a single point in 7 locations.
The points have rounded edges.
The whole image is scales up so each point becomes 64px.
Delicious is slightly larger because each square needs a different colour - and those `fill=` really add up.
Come and have a play with the repo - it is an excellent way to learn the mysteries of SVGs 🙂
Paul Leader
Microfractal 🫖