Kilobyte SVG Challenge
Make an accurate SVG of a logo, in 1024 bytes or less!
Most recent contributions
The purpose of the Kilobyte SVG Challenge is fivefold:
marketing SVG use on the web
teaching SVG, "view source" style
marketing and improving SVG tools
collecting great, fast, and tiny SVG logos
learning, and having lots of geeky fun doing it!
Viewed in a web browser,
your SVG must scale to the window size
and maintain its aspect ratio.
Quality trumps size
– while 1k is a goal,
don't sacrifice looks!
You are encouraged to improve
on already submitted logos!
No raster data,
data: urls or multi-file svgs.
Exception: As Firefox does not
(and will not) support SVG fonts,
do link external web fonts – for text.
Indent elements to show nesting depth.
Generally stick to one element per line.
Whether adding or trimming, make a pull request:
<Logo Name>: <nnnn> bytes
on the first line of your comment,
linking a version of the logo on the web.
Since one goal is teaching, think of your commits as a step by step guide:
When optimizing, make separate commits for different operations you do.
Write good commit messages about what you did, that others can learn from.
When using tools, you are encouraged to name them in your commit messages.
If it's a command-line tool, better still:
paste your command line args further down in the message!
To make an SVG scale,
make sure your
is already the default).
If you want to link an external
WOFF font from Google, for instance,
this way conserves size. Tools
InkScape: a popular open source SVG editor
SVG Edit: a free web browser based SVG editor
Illustrator: a commercial vector graphics package from Adobe Optimizers
Scour [ launchpad]: a python module / script by Jeff Schiller to shrink SVG file sizes
SVG Cleaner: a similar perl script with a graphical UI wrapper
svgtidy: a ruby script by Sam Ruby
CleanSVG: a .NET windows tool by Microsoft
SVG Optimizer: a Nodejs-based tool by Kir Belevich Your favourite text editor! - Emacs, vim, Textmate, et cetera all work great
All logos, copyrights,
trademarks and other legal rights
to the images in this repository
belong to their respective owners,
not the people submitting
vectorized versions thereof.
If you find your logo represented here
and would rather have people use whatever
inferior non-scalable, slow-loading,
pixellated raster graphics version
they find when talking about you on the web,
just submit an
issue mentioning "takedown"
in its title, list the url to the logo in question,
and it will of course be removed from here.