Category:SVG simplified flags-single color

From Wikimedia Commons, the free media repository
Jump to navigation Jump to search
color #40D0FF

The first background of each SVG file (or the only color in the category Single Color Flags 600 × 400) can be drawn differently.
The outer shape of each file is always rectangular; so to draw the background as a rect will be the first idea.
Such a rectangle or square can as well be drawn as a path, in general with a shorter code.
The shortest SVG code to draw the background is an oversized circle, with the outher shape's diagonal as radius –
but it may be very intransparent to other editors that a rectangle is meant when a circle is drawn; in addition,
it may cause not only irritation but also difficulties when further processing is required.


The SVG rectangles and squares in the category Single Color Flags 600 × 400 can be drawn with very simple coding

Smallest SVG code

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" height="300" width="500">
<circle fill="#40D0FF" r="583"/>
</svg>
Smallest file for drawing an SVG rectangle - 127 bytes

Small SVG code

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400">
<path fill="#40D0FF" d="m0,0h600v400H0"/>
</svg>
(136 bytes)

Simple SVG code

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400">
<rect fill="#40D0FF" width="600" height="400"/>
</svg>
(142 bytes) anything more is of no use



but for most cases it will be much simpler to draw it with HTML code instead of creating, uploading and displaying an SVG image, e.g.

Simple HTML code

<span style="display:inline-block; width:9em; height:6em; background-color:#40d0ff"/>
( ≤ 82 bytes)



but of course it can be also drawn as a FAKE SVG with 37 425 bytes – see this bad example of 31 March 2017.

Media in category "SVG simplified flags-single color"

The following 30 files are in this category, out of 30 total.