CSS Flags
Description
These are flags recreated using CSS. Each flag is a single div
whose design is created using only CSS
(no sub elements and no JS). Most of these are national flags from various countries, but this might be expanded to
include other groups'/organizations' flags.
The flag above is the flag for this project. Its design combines the letter flags for CSS from the International Code of Signals, with the two S flags overlayed on top of the C flag.
Check out the code on GitHub.
Related Items
If you like this page you might also like:
- A Single Div by Lynn Fisher
- Flag Redesigns by Adam Smith
- Flags Mashup Bot
- Good Flag, Bad Flag by Ted Kaye
- Why city flags may be the worst-designed thing you've never noticed by Roman Mars
Construction
linear-gradient
for the stripes of the C flag, and the boxes (for
the S flags) were created with linear-gradient
s with positioning attributes.
Sources
- Wikipedia: "Gallery of sovereign state flags"
- Wikipedia: "International Code of Signals"
Algeria
Description
The national flag of Algeria ( Arabic: علم الجزائر, romanized: ʿalam al-jazāʾir, Berber languages: ⴰⵛⴻⵏⵢⴰⵍ ⵏ ⴷⵣⴰⵢⴻⵔ, romanized: Acenyal n Dzayer) consists of two equal vertical bars, green and white, charged in the center with a red star and crescent, a symbol of Islam as the nation's prominent faith. The flag was adopted on 3 July 1962. A similar version was used by the Algerian government in exile from 1958–1962. The Western blazon is per pale vert and argent; a crescent and star gules. (Source: Wikipedia)
Construction
The background was created with a linear-gradient
, the crescent with three radial-gradient
s (one red, one green, one white), and the star was formed with six conic-gradient
s.
Sources
- Vexilla Mundi: "Algeria"
- Wikipedia: "Flag of Algeria"
Antigua and Barbuda
Description
The national flag of Antigua and Barbuda was adopted on 27 February 1967 to mark the achievement of self-government. A competition to design the flag was held in which more than 600 local people entered. The winning design was put forth by nationally well-known artist and sculptor Sir Reginald Samuel.
The design is a red field with an inverted isosceles triangle based on the top edge of the field pointed toward the bottom edge of the field bearing the horizontal tricolour of black, light blue (half width) and white with the rising sun centred on top of the black band. The rising sun symbolises the dawning of a new era. (Source: Wikipedia)
Construction
The red field was created with a conic-gradient
, the tricolor with a linear-gradient
, and the sun with 9 conic-gradient
s.
Sources
- Scheme Color: "Antigua Flag Colors"
- Vexilla Mundi: "Antigua and Barbuda"
- Wikipedia: "Flag of Antigua and Barbuda"
Armenia
Description
The national flag of Armenia, the Armenian Tricolour, consists of three horizontal bands of equal width, red on the top, blue in the middle, and apricot on the bottom. The Armenian Supreme Soviet adopted the current flag on 24 August 1990. On 15 June 2006, the Law on the National Flag of Armenia, governing its usage, was passed by the National Assembly of Armenia. (Source: Wikipedia)
Construction
Created with a linear-gradient
.
Sources
- Wikipedia: "Flag of Armenia"
Azerbaijan
Description
The national flag of the Republic of Azerbaijan (Azerbaijani: Azərbaycan bayrağı) is a horizontal tricolour featuring three equally sized fesses of bright blue, red, and green, with a white crescent and an eight-pointed star in the center. The tricolour replaced an earlier design used by the Azerbaijan SSR. The bright blue symbolizes Azerbaijan's Turkic heritage, the red stands for progress, and the green represents Islam, the religion of majority of Azerbaijanis. The official colors and size were adopted on 5 February 1991. This flag was used from 9 November 1918 to 1920, when Azerbaijan was independent, and it was revived with slight variations on 5 February 1991. The nickname for the flag is The Tricolour Flag (Azerbaijani: Üçrəngli bayraq). (Source: Wikipedia)
Construction
The tricolor was created with a linear-gradient
, the crescent with two radial-gradient
s, and the star with 8 conic-gradient
s.
Sources
- Scheme Color: "Azerbaijan Flag Colors"
- Vexilla Mundi: "Azerbaijan"
- Wikipedia: "Flag of Azerbaijan"
The Bahamas
Description
The national flag of the Bahamas consists of a black triangle situated at the hoist with three horizontal bands: aquamarine, gold and aquamarine. Adopted in 1973 to replace the British Blue Ensign defaced with the emblem of the Crown Colony of the Bahama Islands, it has been the flag of the Commonwealth of the Bahamas since the country gained independence that year. The design of the present flag incorporated the elements of various submissions made in a national contest for a new flag prior to independence. (Source: Wikipedia)
Construction
Made with a linear-gradient
for the aquamarine and gold background and a conic-gradient
for the black triangle.
Sources
- Vexilla Mundi: "The Bahamas"
- Wikipedia: "Flag of the Bahamas"
Bangladesh
Description
The national flag of Bangladesh (Bengali: বাংলাদেশের জাতীয় পতাকা, romanized: Bānlādēśēra jātīẏa patākā, pronounced [baŋlad̪eʃer dʒat̪io̪ pɔt̪aka]) was adopted officially on 17 January 1972. It consists of a red disc on top (similar to that on Japan's flag) of a green field. The red disc is offset slightly toward the hoist so that it appears centred when the flag is flying. The disc represents the sun rising over Bengal, and also the blood of those who died for the independence of Bangladesh. The green field stands for the lushness of the land of Bangladesh. (Source: Wikipedia)
Construction
Created using the background-color
for the green field and a radial-gradient
for the red disc.
Sources
- Wikipedia: "Flag of Bangladesh"
Botswana
Description
The national flag of Botswana (Setswana: folaga ya Botswana) consists of a light blue field cut horizontally in the centre by a black stripe with a thin white frame. Adopted in 1966 to replace the Union Jack, it has been the flag of the Republic of Botswana since the country gained independence that year. It is one of the few African flags that utilises neither the colours of the Pan-Africanist movement nor the colours of the country's leading political party. (Source: Wikipedia)
Construction
Created with a single linear-gradient
.
Sources
- Vexilla Mundi: "Botswana"
- Wikipedia: "Flag of Botswana"
Burundi
Description
The original national flag of Burundi (Kirundi: ibendera ry'Uburundi) was adopted after the country's independence from Belgium on 1 July 1962. It went through several revisions and now consists of a white saltire which divides the field into alternating red and green areas. The center of the saltire merges into a white disk, on which there are three red solid six-pointed stars outlined in green. The current ratio is 3:5, which was changed from 2:3 on 27 September 1982. (Source: Wikipedia)
Construction
The background was created with a repeating-conic-gradient
with two overlapping linear-gradient
s for the saltire, and the disc in the center was created with a radial-gradient
. The stars were created with four conic-gradient
s (two green and two
red) each.
Sources
- Scheme Color: "Burundi Flag Colors"
- Vexilla Mundi: "Burundi"
- Wikipedia: "Flag of Burundi"
Cameroon
Description
The national flag of Cameroon (French: drapeau du Cameroun) was adopted in its present form on 20 May 1975 after Cameroon became a unitary state. It is a vertical tricolour of green, red and yellow, with a five-pointed star in its center. There is a wide variation in the size of the central star, although it is always contained within the inside stripe.
The colour scheme uses the traditional Pan-African colours (Cameroon was the second state to adopt them). The centre stripe is thought to stand for unity: red is the colour of unity, and the star is referred to as "the star of unity". The yellow stands for the sun, and also the savannas in the northern part of the country, while the green is for the forests in the southern part of Cameroon. (Source: Wikipedia)
Construction
Created with a linear-gradient
for the tricolor and using the standard single five-pointed star.
Sources
- Scheme Color: "Cameroon Flag Colors"
- Vexilla Mundi: "Cameroon"
- Wikipedia: "Flag of Cameroon"
Central African Republic
Description
The national flag of the Central African Republic (Sango: bendêre tî Bêafrîka) was officially adopted in 1958. It has been retained since that time with the same design, four horizontal stripes of blue, white, green and yellow, and a single vertical band of red, with a yellow five-pointed star in the upper left corner. (Source: Wikipedia )
Construction
Created with linear-gradient
s for the horizontal and vertical stripes, and four conic-gradient
s for the star.
Sources
- Vexilla Mundi: "Central African Republic"
- Wikipedia: "Flag of the Central African Republic"
Colombia
Description
The national flag of Colombia symbolizes Colombian independence from Spain, gained on July 20, 1810.[1] It is a horizontal tricolor of yellow, blue and red. The yellow stripe takes up a half of the flag and the blue and red take up a quarter of the space each. (Source: Wikipedia)
Construction
Created with a linear-gradient
.
Sources
- Wikipedia: "Flag of Colombia"
Cuba
Description
The national flag of Cuba (Spanish: Bandera de Cuba) consists of five alternating stripes (three blue and two white) and a red equilateral triangle at the hoist, within which is a white five-pointed star. It was designed in 1849 and officially adopted May 20, 1902. (Source: Wikipedia)
Construction
Created with a repeating-linear-gradient
for the background stripes, a conic-gradient
for the red triangle, and four conic-gradient
s for the star.
Sources
- Vexilla Mundi: "Cuba"
- Wikipedia: "Flag of Cuba"
Democratic People's Republic of Korea
Description
The flag of North Korea, also known as the Ramhongsaek Konghwagukgi (Korean: 람홍색공화국기; literally "blue and red-colored flag of the republic"), consists of a central red panel, bordered both above and below by a narrow white stripe and a broad blue stripe. The central red panel bears a five-pointed red star within a white circle near the hoist. This flag is banned from public use in South Korea due to its association with the ruling regime, although some exceptions for the usage of the flag exist. (Source: Wikipedia)
Construction
Created with a linear-gradient
for the background, a radial-gradient
for the circle around
the star, and four conic-gradient
s for the star.
Sources
- Wikipedia: "Flag of North Korea"
Democratic Republic of the Congo
Description
The national flag of the Democratic Republic of the Congo (French: drapeau de la république démocratique du Congo) is a sky blue flag, adorned with a yellow star in the upper left canton and cut diagonally by a red stripe with a yellow fimbriation. It was adopted on 20 February 2006. A new constitution, ratified in December 2005 and which came into effect in February 2006, promoted a return to a flag similar to that flown between 1963 and 1971, with a change from a royal blue to sky blue background. Blue represents peace. Red stands for "the blood of the country's martyrs", yellow the country's wealth; and the star a radiant future for the country. (Source: Wikipedia)
Construction
Created with a linear-gradient
for the field and four conic-gradient
s for the star.
Sources
Denmark
Description
The flag of Denmark (Danish: Dannebrog, pronounced [ˈtænəˌpʁoˀ]) is red with a white Scandinavian cross that extends to the edges of the flag; the vertical part of the cross is shifted to the hoist side.
A banner with a white-on-red cross is attested as having been used by the kings of Denmark since the 14th century. An origin legend with considerable impact on Danish national historiography connects the introduction of the flag to the Battle of Lindanise of 1219. The elongated Nordic cross reflects the use as a maritime flag in the 18th century. The flag became popular as a national flag in the early 19th century. Its private use was outlawed in 1834, and again permitted in a regulation of 1854. The flag holds the world record of being the oldest continuously used national flag. (Source: Wikipedia)
Construction
Created with a red background-color
and a linear gradient for each line in the cross.
Sources
- Vexilla Mundi: "Denmark"
- Wikipedia: "Flag of Denmark"
East Timor
Description
The national flag of East Timor (Portuguese: Bandeira de Timor-Leste) is one of the official symbols of East Timor. It consists of a red field with the black isosceles triangle based on the hoist-side bearing a white five-pointed star in the center superimposed on the larger yellow triangle, also based on the hoist-side, that extends to the center of the flag. (Source: Wikipedia)
Construction
Created with a red background-color
, a conic-gradient
for each of the triangles on the hoist,
and six conic-gradient
s to form the star.
Sources
- Vexilla Mundi: "Timor Leste"
- Wikipedia: "Flag of East Timor"
Estonia
Description
The national flag of Estonia (Estonian: Eesti lipp) is a tricolour featuring three equal horizontal bands of blue (top), black, and white. The normal size is 105 by 165 centimetres (41 in × 65 in). In Estonian it is colloquially called the "sinimustvalge" (lit. "blue-black-white"), after the colours of the bands. (Source: Wikipedia)
Construction
Created with a linear-gradient
.
Sources
- Vexilla Mundi: "Estonia"
- Wikipedia: "Flag of Estonia"
Finland
Description
The flag of Finland (Finnish: Suomen lippu), also called siniristilippu ("Blue Cross Flag"), dates from the beginning of the 20th century. On a white background, it features a blue Nordic cross, which represents Christianity.
The state flag has a coat of arms in the centre, but is otherwise identical to the civil flag. The swallow-tailed state flag is used by the military. The presidential standard is identical to the swallow-tailed state flag but also has in its upper left corner the Cross of Liberty after the Order of the Cross of Liberty, which has the President of Finland as its Grand Master. Like Sweden's, Finland's national flag is based on the Scandinavian cross. It was adopted after independence from Russia, when many patriotic Finns wanted a special flag for their country, but its design dates back to the 19th century. The blue colouring is said to represent the country's thousands of lakes and the sky, with white for the snow that covers the land in winter. This colour combination has also been used over the centuries in various Finnish provincial, military, and town flags. (Source: Wikipedia)
Construction
Created with a white background-color
and a linear-gradient
for each of the lines in the
cross.
Sources
- Wikipedia: "Flag of Finland"
France
Description
The flag of France (French: drapeau français) is a tricolour flag featuring three vertical bands coloured blue (hoist side), white, and red. It is known to English speakers as the French Tricolour or simply the Tricolour (French: Tricolore). The Tricolour has become one of the most influential flags in history, with its three-colour scheme being copied by many other nations, both in Europe and the rest of the world. (Source: Wikipedia)
Construction
Created with a linear-gradient
.
Sources
- Wikipedia: "Flag of France"
Georgia
Description
The flag of Georgia (Georgian: საქართველოს სახელმწიფო დროშა; Sakartvelos sakhelmts'ipo drosha), also known as the Five Cross Flag (Georgian: ხუთჯვრიანი დროშა, romanized: khutjvriani drosha), is one of the national symbols of Georgia. Originally a banner of the medieval Kingdom of Georgia, it was repopularized in the late 20th and early 21st centuries during the Georgian national revival. (Source: Wikipedia)
Construction
The center cross was formed with two linear-gradient
s. Each of the smaller crosses was formed with 8 radial-gradient
s: one for each half of each bar and one for each of the ends of the cross.
Sources
- Vexilla Mundi: "Georgia"
- Wikipedia: "Flag of Georgia (country)"
Germany
Description
The flag of Germany or German flag (German: Flagge Deutschlands) is a tricolour consisting of three equal horizontal bands displaying the national colours of Germany: black, red, and gold (German: Schwarz-Rot-Gold). The flag was first adopted as the national flag of modern Germany in 1919, during the Weimar Republic, until 1933. (Source: Wikipedia)
Construction
Created with a linear-gradient
.
Sources
- Wikipedia: "Flag of Germany"
Greece
Description
The national flag of Greece, popularly referred to as the "blue and white" (Greek: Γαλανόλευκη, Galanólefki) or the "sky blue and white" (Κυανόλευκη, Kyanólefki), is officially recognised by Greece as one of its national symbols and has nine equal horizontal stripes of blue alternating with white. There is a blue canton in the upper hoist-side corner bearing a white cross; the cross symbolises Eastern Orthodox Christianity, the established religion of the Greek people of Greece and Cyprus. The blazon of the flag is Azure, four bars Argent; on a canton of the field a Greek cross throughout of the second. The official flag ratio is 2:3. The shade of blue used in the flag has varied throughout its history, from light blue to dark blue, the latter being increasingly used since the late 1960s. It was officially adopted by the First National Assembly at Epidaurus on 13 January 1822. (Source: Wikipedia)
Construction
The field was created by using a repeating-linear-gradient
.
The cross in the canton was created by using the ::before
pseudo-selector on the flag and using two linear-gradient
s—one for the vertical line, one for the horizontal.
Sources
- Wikipedia: "Flag of Greece"
Guyana
Description
The flag of Guyana, known as The Golden Arrowhead, has been the national flag of Guyana since May 1966 when the country became independent from the United Kingdom. It was designed by Whitney Smith, an American vexillologist (though originally without the black and white fimbriations, which were later additions suggested by the College of Arms in the United Kingdom). The proportions of the national flag are 3:5. The colours are symbolic, with red for zeal and dynamism, gold for mineral wealth, green for agriculture and forests, black for endurance, and white for rivers and water. (Source: Wikipedia)
Construction
Created with a green background-color
and a conic-gradient
for each of the four triangles.
Sources
- Scheme Color: "Guyana Flag Colors"
- Wikipedia: "Flag of Guyana"
Iceland
Description
The flag of Iceland (Icelandic: íslenski fáninn) was officially described in Law No. 34, set out on 17 June 1944, the day Iceland became a republic. The law is entitled "The Law of the National Flag of Icelanders and the State Arms" and describes the Icelandic flag as follows:
The civil national flag of Icelanders is blue as the sky with a snow-white cross, and a fiery-red cross inside the white cross. The arms of the cross extend to the edge of the flag, and their combined width is 2⁄9, but the red cross 1⁄9 of the combined width of the flag. The blue areas are right angled rectangles, the rectilinear surfaces are parallel and the outer rectilinear surfaces as wide as them, but twice the length. The dimensions between the width and length are 18:25.
Iceland's first national flag was a white cross on a deep blue background. It was first shown in parade in 1897. The modern flag dates from 1915, when a red cross was inserted into the white cross of the original flag. This cross represents Christianity. It was adopted and became the national flag when Iceland gained independence from Denmark in 1918. For the Icelandic people the flag's colouring represents a vision of their country's landscape. The colours stand for 3 of the elements that make up the island. Red is the fire produced by the island's volcanoes, white recalls the ice and snow that covers Iceland, and blue is for the mountains of the island. (Source: Wikipedia)
Construction
Created with a blue background-color
and a linear-gradient
for each color and line in the
cross (four in total).
Sources
- Government of Iceland: "Icelandic National Flag"
- Wikipedia: "Flag of Iceland"
Islamic Republic of Mauritania
Description
The flag of Mauritania (Arabic: علم موريتانيا) is a green field containing a gold star and crescent, with a red stripe at the top and bottom of the field. The original national flag was introduced under the instructions of President Moktar Ould Daddah and the constitution of 22 March 1959 and was adopted on 1 April 1959.
On 5 August 2017, a referendum was held by President Mohamed Ould Abdel Aziz to change the national flag, abolish the senate, and other constitutional amendments. The referendum was successful, and the new flag, including two red stripes, which represent "the efforts and sacrifices that the people of Mauritania will keep consenting, to the price of their blood, to defend their territory", was adopted in for its first raising on 28 November 2017, the 57th anniversary of Mauritania's independence. (Source: Wikipedia)
Construction
Created with a green background-color
, a linear-gradient
to form the red bands, two radial-gradient
s to form the crescent, and four conic-gradient
s to form the star.
Sources
- Scheme Color: "Mauritania Flag Colors"
- Vexilla Mundi: "Mauritania"
- Wikipedia: "Flag of Mauritania"
Israel
Description
The flag of Israel (Hebrew: דגל ישראל Degel Yisra'el; Arabic: علم إسرائيل ʿAlam Israʼīl) was adopted on 28 October 1948, five months after the establishment of the State of Israel. It depicts a blue Star of David on a white background, between two horizontal blue stripes. The Israeli flag legislation states that the official measurements are 160 × 220 cm. Therefore, the official proportions are 8:11. Variants can be found at a wide range of proportions, with 2:3 being common. (Source: Wikipedia)
Construction
The background pattern of blue and white stripes was created with a linear-gradient
. The Star of
David was created with many linear-gradient
s (one to form each line) and a few more linear-gradient
s and conic-gradient
s to over up the overflow.
Sources
- Vexilla Mundi: "Israel"
- Wikipedia: "Flag of Israel"
Jamaica
Description
The flag of Jamaica was adopted on 6 August 1962 (Jamaican Independence Day), the country having gained independence from the British-protected Federation of the West Indies. The flag consists of a gold saltire, which divides the flag into four sections: two of them green (top and bottom) and two black (hoist and fly). The Jamaican flag is the only national flag in the world not to feature the colours red, white, or blue. (Source: Wikipedia)
Construction
The background colors (black and green) were set with a repeating-conic-gradient
. The gold saltire
was created by overlaying two linear-gradient
s.
Sources
- Vexilla Mundi: "Jamaica"
- Wikipedia: "Flag of Jamaica"
Japan
Description
The national flag of Japan is a rectangular white banner bearing a crimson-red disc at its center. This flag is officially called Nisshōki (日章旗, the "flag of sun"), but is more commonly known in Japan as Hinomaru (日の丸, the "circle of the sun"). It embodies the country's sobriquet: Land of the Rising Sun.
The Nisshōki flag is designated as the national flag in the Act on National Flag and Anthem, which was promulgated and became effective on August 13, 1999. Although no earlier legislation had specified a national flag, the sun-disc flag had already become the de facto national flag of Japan. Two proclamations issued in 1870 by the Daijō-kan, the governmental body of the early Meiji period, each had a provision for a design of the national flag. A sun-disc flag was adopted as the national flag for merchant ships under Proclamation No. 57 of Meiji 3 (issued on February 27, 1870), and as the national flag used by the Navy under Proclamation No. 651 of Meiji 3 (issued on October 27, 1870). Use of the Hinomaru was severely restricted during the early years of the Allied occupation of Japan after World War II; these restrictions were later relaxed.
The sun plays an important role in Japanese mythology and religion as the Emperor is said to be the direct descendant of the sun goddess Amaterasu and the legitimacy of the ruling house rested on this divine appointment and descent from the chief deity of the predominant Shinto religion. The name of the country as well as the design of the flag reflect this central importance of the sun. The ancient history Shoku Nihongi says that Emperor Monmu used a flag representing the sun in his court in 701, and this is the first recorded use of a sun-motif flag in Japan. The oldest existing flag is preserved in Unpō-ji temple, Kōshū, Yamanashi, which is older than the 16th century, and an ancient legend says that the flag was given to the temple by Emperor Go-Reizei in the 11th century. During the Meiji Restoration, both the sun disc and the Rising Sun Ensign of the Imperial Japanese Navy became major symbols in the emerging Japanese Empire. Propaganda posters, textbooks, and films depicted the flag as a source of pride and patriotism. In Japanese homes, citizens were required to display the flag during national holidays, celebrations and other occasions as decreed by the government. Different tokens of devotion to Japan and its Emperor featuring the Hinomaru motif became popular among the public during the Second Sino-Japanese War and other conflicts. These tokens ranged from slogans written on the flag to clothing items and dishes that resembled the flag. (Source: Wikipedia)
Construction
Created with a radial-gradient
.
Sources
- Scheme Color: "Japan Flag Colors"
- Wikipedia: "Flag of Japan"
Kuwait
Description
The flag of Kuwait (Arabic: علم الكويت) was adopted on September 7, 1961, and officially hoisted November 24, 1961. Before 1961, the flag of Kuwait was red and white, like those of other Persian Gulf states at the time, with the field being red and words or charges being written in white. (Source: Wikipedia)
Construction
Created with a linear-gradient
for the green and red stripes, a conic-gradient
for the black
triangle, and a linear-gradient
offset to the right for the white stripe.
Sources
- Scheme Color: "Kuwait Flag Colors"
- Vexilla Mundi: "Kuwait"
- Wikipedia: "Flag of Kuwait"
Laos
Description
The flag of Laos (Lao: ທຸງຊາດລາວ; thungsad Lāo) consists of three horizontal stripes, with the middle stripe in blue being twice the height of the top and bottom red stripes. In the middle is a white disc, the diameter of the disc is 4⁄5 the height of the blue stripe. The flag ratio is 2:3. The national flag of Laos was first adopted in 1945 under the short-lived Lao Issara government of 1945–46, then by the Pathet Lao. It is one of the two flags of a currently communist country (the other being Cuba) that does not use any communist symbolism and the only current communist country that does not use a five-pointed star in its flag as an emblem. The current flag was adopted on December 2, 1975 when it became a socialist state. (Source: Wikipedia)
Construction
Created with a linear-gradient
for the background and a radial-gradient
for the disc in the
center.
Sources
- Vexilla Mundi: "Laos"
- Wikipedia: "Flag of Laos"
Latvia
Description
The national flag of Latvia (Latvian: Latvijas karogs) was used by independent Latvia from 1918 until the country was occupied by the Soviet Union in 1940. Its use was suppressed during Soviet rule. On 27 February 1990, shortly before the country regained its independence, the Latvian government re-adopted the traditional red-white-red flag. (Source: Wikipedia)
Construction
Created with a linear-gradient
.
Sources
- Wikipedia: "Flag of Latvia"
Lithuania
Description
The flag of Lithuania (Lithuanian: Lietuvos vėliava) consists of a horizontal tricolor of yellow, green, and red. It was adopted on 25 April 1918 during Lithuania's first period of independence (in the 20th century) from 1918 to 1940, which ceased with the occupation first by Soviet Russia and Lithuania's annexation into the Soviet Union, and then by Germany (1941–1944). During the post-World War II Soviet occupation, from 1945 until 1989, the Soviet Lithuanian flag consisted first of a generic red Soviet flag with the name of the republic, then changed to the red flag with white and green bands at the bottom. (Source: Wikipedia)
Construction
Created with a linear-gradient
.
Sources
- Wikipedia: "Flag of Lithuania"
Luxembourg
Description
The flag of Luxembourg (Luxembourgish: Lëtzebuerger Fändel, German: Flagge Luxemburgs, French: Drapeau du Luxembourg) consists of three horizontal stripes, red, white and blue, and can be in 1:2 or 3:5 ratio. It was first used between 1845 and 1848 and officially adopted in 1993. It is informally called in the country, «rout, wäiß, blo,» (lit. red, white, sky blue).
Luxembourg had no flag until 1830, when patriots were urged to display the national colours. The flag was defined as a horizontal tricolour of red, white, and blue in 1848, but it was not officially adopted until 1993. The tricolour flag is almost identical to Flag of the Netherlands, except that it is longer and its blue stripe and red stripe are a lighter shade. The red, white, and blue colours were derived from the coat of arms of the House of Luxembourg. (Source: Wikipedia)
Construction
Created with a linear-gradient
.
Sources
- Wikipedia: "Flag of Luxembourg"
Malaysia
Description
The flag of Malaysia, also known as Malay: Jalur Gemilang (Stripes of Glory), is composed of a field of 14 alternating red and white stripes along the fly and a blue canton bearing a crescent and a 14-point star known as the Bintang Persekutuan (Federal Star). The 14 stripes, of equal width, represent the equal status in the federation of the 13 member states and the federal territories, while the 14 points of the star represent the unity between these entities. The crescent represents Islam, the country's state religion; the blue canton symbolises the unity of the Malaysian people; the yellow of the star and crescent is the royal colour of the Malay rulers. (Source: Wikipedia)
Construction
The stripes in the field were created with a repeating-linear-gradient
. The canton was created with a
simple linear-gradient
. The crescent with two radial-gradient
s. And the star was formed
with 14 conic-gradient
s.
Sources
- Scheme Color: "Malaysia Flag Colors"
- Vexilla Mundi: "Malaysia"
- Wikipedia: "Flag of Malaysia"
Maldives
Description
The flag of the Republic of Maldives (Dhivehi: ދިވެހިރާއްޖެގެ ދިދަ) is green with a red border. The centre bears a vertical white crescent; the closed side of the crescent is on the hoist side of the flag. It was adopted on 25 July 1965.
The red rectangle represents the boldness of the nation's heroes, and their willingness to sacrifice their every drop of blood in defence of their country. The green rectangle in the centre symbolises peace and prosperity. The white crescent moon symbolises the Islamic faith. (Source: Wikipedia)
Construction
Created with a red background-color
, a green linear-gradient
, and two radial-gradient
s to form the crescent.
Sources
- Vexilla Mundi: "Maldives"
- Wikipedia: "Flag of the Maldives"
Marshall Islands
Description
The flag of the Marshall Islands, an island nation in the Pacific, was adopted upon the start of self-government, May 1, 1979. The flag was designed by Emlain Kabua, who served as the first First Lady of the republic. (Source: Wikipedia)
Construction
Created with a conic-gradient
to form orange and white the stripes. The star was created with 24 conic-gradient
s to form the rays and a radial-gradient
in the center
Sources
- Vexilla Mundi: "Marshall Islands"
- Wikipedia: "Flag of the Marshall Islands"
Nauru
Description
Following the independence of Nauru, the flag of Nauru (Nauruan: anidenin Naoero) was raised for the first time. The flag, chosen in a local design competition, was adopted on independence day, 31 January 1968. It depicts Nauru's geographical position, one degree south of the Equator. A gold horizontal stripe representing the Equator runs across a blue field for the Pacific Ocean. Nauru itself is symbolized by a white 12-pointed star. Each point represents one of the 12 indigenous tribes on the island. (Source: Wikipedia)
Construction
The background was created with a linear-gradient
and 12 conic-gradient
s to form the
star.
Sources
- Scheme Color: "Nauru Flag Colors"
- Vexilla Mundi: "Nauru"
- Wikipedia: "Flag of Nauru"
North Macedonia
Description
The flag of North Macedonia is the national flag of the Republic of North Macedonia and depicts a stylized yellow sun on a red field, with eight broadening rays extending from the center to the edge of the field. It was created by Miroslav Grčev and was adopted on 5 October 1995. The first flag of the country, known as the Vergina Flag, featured the Vergina Sun, a symbol that had been discovered at Aigai, the first capital and burial ground of the ancient kings of Macedon. Greece considers the Vergina Sun to be a Greek symbol and imposed a year-long economic embargo in order to force the then Republic of Macedonia to remove it from its flag, resulting in the current design. The new eight-rayed sun represents the "new sun of Liberty" referred to in "Denes nad Makedonija", the national anthem of North Macedonia. (Source: Wikipedia)
Construction
Created with a red background-color
, a conic-gradient
for each of the rays, and a radial-gradient
for the sun in the center.
Sources
- Wikipedia: "Flag of North Macedonia"
Norway
Description
The flag of Norway (Norwegian: Norges flagg) is red with an indigo blue Scandinavian cross fimbriated in white that extends to the edges of the flag; the vertical part of the cross is shifted to the hoist side in the style of the Dannebrog, the flag of Denmark. (Source: Wikipedia)
Construction
Created with a red background-color
and a linear-gradient
for each the vertical andd horizontal
parts of the cross in each color (for a total of four linear-gradient
s).
Sources
- Vexilla Mundi: "Norway"
- Wikipedia: "Flag of Norway"
Pakistan
Description
The national flag of Pakistan (Urdu: إسلامى باكستان, lslami Paki̱stan) was adopted in its present form during a meeting of the Constituent Assembly on August 11, 1947, just three days before the country's independence, when it became the official flag of the Dominion of Pakistan. It was afterwards retained by the current-day Islamic Republic of Pakistan. The flag is a green field with a white crescent moon and five-rayed star at its centre, and a vertical white stripe at the hoist side. Though the green colour is mandated only as 'dark green', its official and most consistent representation is Pakistan green, which is shaded distinctively darker. (Source: Wikipedia)
Construction
Created with a linear-gradient
for the white stripe and green field. Two radial-gradient
s form the crescent. The star was made in the six conic-gradient
style, using three white conic-gradient
s to create triangles to form the
star body and three green conic-gradient
s to indent the bottoms of the white triangles.
Sources
- Vexilla Mundi: "Pakistan"
- Wikipedia: "Flag of Pakistan"
Palau
Description
The flag of Palau was adopted on 1 January 1981, when the island group separated from the United Nations Trust Territory. As with the flags of several other Pacific island groups, blue is the colour used to represent the ocean and the nation's place within it. While this puts Palau in common with the Federated States of Micronesia and other neighboring island groups, the disc on the flag (similar to that on Japan's flag) is off-centre like that of the flag of Bangladesh, but in this case represents the moon instead of the sun. The current flag was introduced in 1981 when Palau became a republic. (Source: Wikipedia)
Construction
Created using the background-color
for the blue field and a radial-gradient
for the yellow disc.
Sources
- Vexilla Mundi: "Palau"
- Wikipedia: "Flag of Palau"
Palestine
Description
The Palestinian flag (Arabic: علم فلسطين) is a tricolor of three equal horizontal stripes (black, white, and green from top to bottom) overlaid by a red triangle issuing from the hoist. This flag is derived from the Pan-Arab colors and is used to represent the State of Palestine and the Palestinian people. It was first adopted on 28 May 1964 by the Palestinian Liberation Organization. (Source: Wikipedia)
Construction
Created with a linear-gradient
for the background and a conic-gradient
for the red triangle.
Sources
- Vexilla Mundi: "Palestine"
- Wikipedia: "Flag of Palestine"
Panama
Description
The flag of Panama was made by María de la Ossa de Amador and was officially adopted by the "ley 48 de 1925".[1] The Panamanian flag day is celebrated on November 4, one day after Panamanian separation from Colombia, and is one of a series of holidays celebrated in November known as the Fiestas Patrias. (Source: Wikipedia)
Construction
Created with a white background-color
, a linear-gradient
for each the blue rectangle and
the red rectangle, and six conic gradients for each of the stars.
Sources
- Scheme Color: "Panama Flag Colors"
- Vexilla Mundi: "Panama"
- Wikipedia: "Flag of Panama"
People's Republic of China
Description
The flag of China, officially the National Flag of the People's Republic of China and also known as the Five-starred Red Flag, is a Chinese red field charged in the canton (upper corner nearest the flagpole) with five golden stars. The design features one large star, with four smaller stars in a semicircle set off towards the fly (the side farthest from the flag pole). The red represents the revolution; the five stars and their relationship represent the unity of the Chinese people under the leadership of the Communist Party of China (CPC). The first flag was hoisted by the People's Liberation Army (PLA) on a pole overlooking Beijing's Tiananmen Square on October 1, 1949, at a ceremony announcing the establishment of the People's Republic of China. (Source: Wikipedia)
Construction
The large star was created with four conic-gradient
s in a pattern used in many other flags here. Each conic-gradient
creates a triangle: one for the vertical triangle of the star, one for each of the upper-side triangles, and one
to indent the first triangle at the bottom. The four smaller stars were created each with six conic-gradient
s, using three yellow triangles and three red triangles to indent the bottom of the yellow ones. The new style
style allows for presenting stars at slight rotations.
Sources
- Vexilla Mundi: "China"
- Wikipedia: "Flag of China"
Qatar
Description
The national flag of Qatar (Arabic: علم قطر) is in the ratio of 11:28. It is maroon with a broad white serrated band (nine white points) on the hoist side. It was adopted shortly before the country's declaration of independence from Britain on 3 September 1971. (Source: Wikipedia)
Construction
The solid white and maroon colors were created with a linear-gradient
. The points along the serrated
band were created each with two linear-gradient
s (one for each side of the point) and repeating
vertically.
Sources
- Vexilla Mundi: "Qatar"
- Wikipedia: "Flag of Qatar"
Republic Of Artsakh
Description
On June 2, 1992, the self-proclaimed Republic of Artsakh, a de facto independent republic internationally recognized as part of Armenia, in the South Caucasus region, adopted a flag derived from the flag of Armenia, with only a white pattern added. A white, five-toothed, stepped pattern was added to the flag, beginning at the two verges of the flag's right side and meeting at a point equal to one-third of the distance from that side. The white pattern symbolizes the current separation of Artsakh from Armenia proper and its aspiration for eventual union with "the Motherland." This symbolizes the Armenian heritage, culture and population of the area, and represents Artsakh as a separated region of Armenia by the triangular shape and the zigzag cutting through the flag. The white pattern on the flag is also similar to the designs used on rugs, a symbol of national identity. The ratio of the flag's breadth to its length is 1:2, same as the Armenian Tricolor. (Source: Wikipedia )
Construction
Created with nine horizontal linear-gradient
s, each a single color with a block of white.
Sources
- Wikipedia: "Flag of the Republic of Artsakh"
Republic of China
Description
The flag of the Republic of China (also known as the Blue Sky, White Sun, and a Wholly Red Earth and the flag of Taiwan) consists of a red field with a blue canton bearing a white disc with twelve triangles surrounding it. The disc and triangles symbolize the sun and rays of light emanating from it respectively. (Source: Wikipedia)
Construction
The field was created with the background-color
property. The canton was created with a linear-gradient
with a background-size
. The sun was created with two radial-gradient
s for the inner circles, and 12 conic-gradient
s to form the sun's rays.
Sources
- Vexilla Mundi: "Taiwan"
- Wikipedia: "Flag of the Republic of China"
Republic of Korea
Description
The flag of South Korea, also known as the Taegukgi (also spelled as Taegeukgi, lit. "Taegeuk flag"), has three parts: a white rectangular background, a red and blue Taegeuk in its center, and four black trigrams one toward each corner. The first pattern of Taegukgi was made by Kojong. Flags similar to the current Taegeukgi were used as the national flags of Korea by the Joseon dynasty, the Korean Empire, and by the Korean exile government during Japanese rule. It has continued to be used as a national flag even after the establishment of the South Korean state on August 15, 1948. (Source: Wikipedia)
Construction
The Taegeuk in the center was created with a linear-gradient
to create the red and blue background halves,
overlayed with a radial-gradient
to crop the shape to a circle. Then overlayed with smaller radial-gradient
s to form the overlaping red and blue sections.
The bars around the Taegeuk were created with linear-gradient
s on the ::before
and ::after
pseudo elements, which were each rotated.
Sources
- Wikipedia: "Flag of South Korea"
Republic of Namibia
Description
The flag of Namibia was adopted on 21 March 1990 upon independence from South Africa.
The symbolism of the flag's colors as follows:
- Red – represents Namibia's most important resource, its people. It refers to their heroism and their determination to build a future of equal opportunity for all.
- White – represents peace and unity.
- Green – symbolises vegetation and agricultural resources.
- Blue – represents the clear Namibian sky and the Atlantic Ocean, the country's precious water resources and rain.
- Golden-yellow sun – life and energy
(Source: Wikipedia)
Construction
The stripes were created with a linear-gradient
and the sun was created with two radial-gradient
s in the center and 12 conic-gradient
s surrounding.
Sources
- Vexilla Mundi: "Namibia"
- Wikipedia: "Flag of Namibia"
Russia
Description
The flag of Russia (Russian Federation) (Russian: Флаг России) is a tricolour flag consisting of three equal horizontal fields: white on the top, blue in the middle, and red on the bottom. The flag was first used as an ensign for Russian merchant ships and became official as the flag of the Tsardom of Russia in 1696. It remained in use until the Russian Socialist Federative Soviet Republic (RSFSR) fully occupied all Russian territories in 1922, as the flag was used by the White guard during the Russian Civil War which had started in 1917. (Source: Wikipedia)
Construction
Created with a linear-gradient
.
Sources
- Wikipedia: "Flag of Russia"
Rwanda
Description
The flag of Rwanda (Kinyarwanda: ibendera ry'Urwanda) was adopted on October 25, 2001.
The flag has three colours: blue, green and yellow. The blue band represents happiness and peace, the yellow band symbolizes economic development, and the green band symbolizes the hope of prosperity. The yellow sun represents enlightenment. (Source: Wikipedia)
Construction
The tricolor was created with a linear-gradient
and the sun was created with two radial-gradient
s for the center and 24 conic-gradient
s for the rays.
Sources
- Scheme Color: "Rwanda Flag Colors"
- Vexilla Mundi: "Rwanda"
- Wikipedia: "Flag of Rwanda"
Saint Kitts and Nevis
Description
The flag of Saint Kitts and Nevis consists of a yellow-edged black band containing two white stars that divides diagonally from the lower hoist-side corner, with a green upper triangle and red lower triangle. Adopted in 1983 to replace the flag of Saint Christopher-Nevis-Anguilla, it has been the flag of the Federation of Saint Kitts and Nevis since the country gained independence that year. Although the flag utilises the colours of the Pan-Africanist movement, the symbolism behind them is interpreted differently. The three islands later became part of the West Indies Federation in 1958; after this dissolved four years later, they were granted the status of associate state as Saint Christopher-Nevis-Anguilla. However, Anguilla decided to secede from the federation in 1969, owing to fears that their population, which was already small, would be further marginalised in parliament. This was eventually formalised in 1980, and a new flag for the remaining parts of the federation was needed, since the symbolism of the previous flag centred on the concept of a union of three. (Source: Wikipedia)
Construction
Created with a linear-gradient
for the stripes and six conic-gradient
s for each of the
stars.
Sources
- Scheme Color: "Saint Kitts and Nevis Flag Colors"
- Vexilla Mundi: "Saint Kitts and Nevis"
- Wikipedia: "Flag of Saint Kitts and Nevis"
Saint Lucia
Description
The flag of Saint Lucia consists of a cerulean blue field charged with a yellow triangle in front of a white-edged black isosceles triangle. Adopted in 1967 to replace the British Blue Ensign defaced with the arms of the colony, it has been the flag of Saint Lucia since the country became an associated state of the United Kingdom that year. Although the overall design of the flag has remained unchanged, specific aspects of it have been altered over the years. (Source: Wikipedia)
Construction
Created with a blue background-color
and a conic-gradient
for each of the three triangles.
Sources
- Scheme Color: "Saint Lucia Flag Colors"
- Vexilla Mundi: "Saint Lucia"
- Wikipedia: "Flag of Saint Lucia"
Saint Vincent and the Grenadines
Description
The flag of Saint Vincent and the Grenadines was adopted on 21 October 1985. It is composed of a vertical tricolour of blue, gold (double width) and green with three green diamonds arranged in the V pattern centred on the gold band, standing for 'Vincent'. These diamonds recall Saint Vincent as the "gems of the Antilles". Blue represents the tropical sky and the crystal waters, yellow stands for the golden Grenadine sands, and green stands for the islands' lush vegetation. (Source: Wikipedia)
Construction
Creating the vertical bands on the sides of the flag was done simply with a linear-gradient
, and the yellow in the middle is set via the background-color
property.
To create the diamond pattern in the middle, two conic-gradient
s were used to create a "V" of green.
Then two linear-gradient
s were overlayed to create separations between the individual diamonds.
Sources
- Vexilla Mundi: "Saint Vincent and the Grenadines"
- Wikipedia: "Flag of Saint Vincent and the Grenadines"
Seychelles
Description
The flag of Seychelles was adopted on January 8, 1996. The current flag is the third used by the country since its independence from Britain on June 29, 1976. The colours used in the current flag are the official colours of two of the nation's major political parties–Seychelles People's United Party and the Seychelles Democratic Party. (Source: Wikipedia)
Construction
Created with a conic-gradient
.
Sources
- Department of Foreign Affairs, The Republic of Seychelles: "New National Symbols of the Republic of Seychelles"
- Wikipedia: "Flag of Seychelles"
South Africa
Description
The flag of South Africa was designed in March 1994 and adopted on 27 April 1994, at the beginning of South Africa's 1994 general election, to replace the flag that had been used since 1928. The new national flag, designed by the then State Herald of South Africa Frederick Brownell, was chosen to represent the country's new democracy after the end of apartheid. (Source Wikipedia)
Construction
The horizontal red, white, and blue stripes were created with a linear-gradient
, then overlayed with
the white triangle (using a conic-gradient
), followed by the green triangle, then overlayed with a linear-gradient
for the green stripe, and finally two conic-gradient
s for the gold and black triangles.
Sources
- Vexilla Mundi: "South Africa"
- Wikipedia: "Flag of South Africa"
South Sudan
Description
The flag of South Sudan was adopted following the signing of the Comprehensive Peace Agreement that ended the Second Sudanese Civil War. A similar version of the flag was previously used as the flag of the Sudan People's Liberation Movement. The flag of South Sudan is older than the country itself, as the flag was adopted in 2005, while the country became independent in 2011. (Source: Wikipedia)
Construction
Created with linear-gradient
for the stipes, a conic-gradient
for the triangle on the hoist,
and six conic-gradient
s to form the star.
Sources
- Scheme Color: "South Sudan Flag Colors"
- Vexilla Mundi: "South Sudan"
- Wikipedia: "Flag of South Sudan"
Sudan
Description
The current flag of Sudan (Arabic: علم السودان) was adopted on 20 May 1970 and consists of a horizontal red-white-black tricolour with a green triangle at the hoist. The flag is based on the Arab Liberation Flag shared by Egypt, Iraq, Syria and Yemen that uses a subset of the Pan-Arab colours in which green is less significant. Prior to the 1969 military coup of Gaafar Nimeiry, a blue-yellow-green tricolour design was used. (Source: Wikipedia)
Construction
Created with a linear-gradient
for the tricolor stripes and a conic-gradient
for the triangle on the hoist.
Sources
- Vexilla Mundi: "Sudan"
- Wikipedia: "Flag of Sudan"
Suriname
Description
The flag of Suriname is formed by five horizontal bands of green (top, double width), white, red (quadruple width), white, and green (double width). There is a large, yellow, five-pointed star centered in the red band. (Source: Wikipedia)
Construction
The background was formed with a linear-gradient
. The star was formed with four conic-gradient
s, one for the top and bottom points of the star, one to make the indent at the bottom,
and one for each of the side points.
Sources
- Vexilla Mundi: "Suriname"
- Wikipedia: "Flag of Suriname"
Sweden
Description
The flag of Sweden (Swedish: Sveriges flagga) consists of a yellow or gold Nordic cross (i.e. an asymmetrical horizontal cross, with the crossbar closer to the hoist than the fly, with the cross extending to the edge of the flag) on a field of blue. The Nordic cross design traditionally represents Christianity. The design and colours of the Swedish flag are believed to have been inspired by the present coat of arms of Sweden of 1442, which is blue divided quarterly by a cross pattée of gold, and modelled on the Danish flag. Blue and yellow have been used as Swedish colours at least since Magnus III's royal coat of arms of 1275. (Source: Wikipedia)
Construction
Created with a blue background-color
and a linear-gradient
for each of the lines in the cross.
Sources
- Vexilla Mundi: "Sweden"
- Wikipedia: "Flag of Sweden"
Switzerland
Description
The flag of Switzerland (German: Schweizerfahne; French: drapeau de la Suisse; Italian: bandiera svizzera; Romansh: bandiera de la Svizra) displays a white cross in the centre of a square red field. The white cross is known as the Swiss cross. Its arms are equilateral, and their ratio of length to width is 7:6. The size of the cross in relation to the field was set in 2017 as 5:8.
The white cross has been used as the field sign (attached to the clothing of combatants and to the cantonal war flags in the form of strips of linen) of the Old Swiss Confederacy since its formation in the late 13th or early 14th century. Its symbolism was described by the Swiss Federal Council in 1889 as representing "at the same the Christian cross symbol and the field sign of the Old Confederacy". As a national ensign, it was first used in 1800 during the Hundred Days by general Niklaus Franz von Bachmann, and as regimental flag of all cantonal troops from 1841. The federal coat of arms (eidgenössisches Wappen) was defined in 1815 for the Restored Confederacy as the white-on-red Swiss cross in a heraldic shield. The current design was used together with a cross composed of five squares until 1889, when its dimensions were officially set. (Source: Wikipedia)
Construction
Created with a red background-color
and a series of linear-gradient
s to form the cross.
Sources
- Wikipedia: "Flag of Switzerland"
Syria
Description
The current flag was first adopted in 1958 to represent Syria as part of the United Arab Republic, and was used until 1961. It was readopted in 1980. Since its first adoption, variations of the red-white-black flag have been used in various Arab Unions of Syria with Egypt, Libya, Sudan, Yemen, and Iraq. Although Syria is not part of any Arab state union, the flag of the United Arab Republic was readopted to show Syria's commitment to Arab unity. The usage of the flag has become disputed because it is often associated with the Ba'ath Party and has come to represent parties loyal to Bashar al-Assad's government in the Syrian civil war. (Source: Wikipedia)
Construction
Created with a linear-gradient
for the stripes and six conic-gradients
for each of the stars.
Sources
- Wikimedia: "Approximate Construction of the Flag of Syria"
- Wikipedia: "Flag of Syria"
Tanzania
Description
The flag of Tanzania (Swahili: bendera ya Tanzania) consists of a yellow-edged black diagonal band, divided diagonally from the lower hoist-side corner, with a green upper triangle and blue lower triangle. Adopted in 1964 to replace the individual flags of Tanganyika and Zanzibar, it has been the flag of the United Republic of Tanzania since the two states merged that year. The design of the present flag incorporates the elements from the two former flags. (Source: Wikipedia)
Construction
Created with a linear-gradient
.
Sources
- Scheme Color: "Tanzania Flag Colors"
- Vexilla Mundi: "Tanzania"
- Wikipedia: "Flag of Tanzania"
Thailand
Description
The flag of the Kingdom of Thailand (Thai: ธงไตรรงค์; RTGS: thong trai rong, meaning 'tricolour flag') shows five horizontal stripes in the colours red, white, blue, white and red, with the central blue stripe being twice as wide as each of the other four. The design was adopted on 28 September 1917, according to the royal decree issued by Rama VI. Since 2016, that day is a national day of importance in Thailand celebrating the flag. (Source: Wikipedia)
Construction
Created with a linear-gradient
.
Sources
- Wikipedia: "Flag of Thailand"
Togo
Description
The flag of Togo (French: drapeau du Togo) is the national flag, ensign, and naval jack of Togo. It has five equal horizontal bands of green (top and bottom) alternating with yellow. There is a white five-pointed star on a red square in the upper hoist-side corner. It uses the popular pan-African colors of Ethiopia, but the design resembles the flag of Liberia which itself echoes the flag of the United States. (Source: Wikipedia)
Construction
Created with a repeating-linear-gradient
for the stripes in the field and the red canton. Created the
star using four conic-gradient
s.
Sources
- Scheme Color: "Togo Flag Colors"
- Vexilla Mundi: "Togo"
- Wikipedia: "Flag of Togo"
Tonga
Description
The flag of Tonga consists of a red field with a white canton charged with a red couped cross. Adopted in 1875 after being officially enshrined into the nation's constitution, it has been the flag of the Kingdom of Tonga since that year. The constitution stipulates that the national flag can never be changed. (Source: Wikipedia)
Construction
Created using a red background-color
and a linear-gradient
for each: the canton and each
bar of the cross.
Sources
- Scheme Color: "Tonga Flag Colors"
- Vexilla Mundi: "Tonga"
- Wikipedia: "Flag of Tonga"
Trinidad and Tobago
Description
The flag of Trinidad and Tobago was adopted upon independence from the United Kingdom on 31 August 1962. Designed by Carlisle Chang (1921–2001), the flag of Trinidad and Tobago was chosen by the independence committee of 1962. Red, black and white symbolise fire (the sun, representing courage), earth (representing dedication) and water (representing purity and equality). (Source: Wikipedia)
Construction
Created with a linear-gradient
.
Sources
- Vexilla Mundi: "Trinidad and Tobago"
- Wikipedia: "Flag of Trinidad and Tobago"
United Arab Emirates
Description
The flag of the United Arab Emirates (Arabic: علم دولة الإمارات العربية المتحدة) contains the Pan-Arab colors red, green, white, and black. It was designed in 1971 by Abdullah Mohammed Al Maainah, who was 19 years old at that time, and was adopted on December 2, 1971. The main theme of the flag's four colors is the unity of Arab nations. In 2008, there was a minor change to the Emblem. (Source: Wikipedia)
Construction
Created with a linear-gradient
for the vertical stripes an another for the horizontal stripe.
Sources
- Wikipedia: "Flag of the United Arab Emirates"
United Kingdom
Description
The national flag of the United Kingdom is the Union Jack, also known as the Union Flag.
The current design of the Union Jack dates from the Act of Union 1801 which united the Kingdom of Great Britain and the Kingdom of Ireland (previously in personal union) to create the United Kingdom of Great Britain and Ireland. The flag consists of the red cross of Saint George (patron saint of England), edged in white, superimposed on the Cross of St Patrick (patron saint of Ireland), which are superimposed on the Saltire of Saint Andrew (patron saint of Scotland). Wales is not represented in the Union Flag by Wales's patron saint, Saint David, as at the time the flag was designed Wales was part of the Kingdom of England. (Source: Wikipedia)
Construction
Created with a series of linear-gradient
s.
Sources
- Vexilla Mundi: "United Kingdom of Great Britain and Northern Ireland"
- Wikipedia: "Flag of the United Kingdom"
United States of America
Description
The flag of the United States of America, often referred to as the American flag or U.S. flag, is the national flag of the United States. It consists of thirteen equal horizontal stripes of red (top and bottom) alternating with white, with a blue rectangle in the canton (referred to specifically as the "union") bearing fifty small, white, five-pointed stars arranged in nine offset horizontal rows, where rows of six stars (top and bottom) alternate with rows of five stars. The 50 stars on the flag represent the 50 states of the United States of America, and the 13 stripes represent the thirteen British colonies that declared independence from the Kingdom of Great Britain, and became the first states in the U.S. Nicknames for the flag include the Stars and Stripes, Old Glory, and the Star-Spangled Banner. (Source: Wikipedia)
Construction
The red and white stripes were created with a repeating-linear-gradient
. The canton was created using
the ::after
and ::before
pseudo elements to create two over lapping patterns of stars (one
for the outer thirty and one for the inner twenty). Each star was created with two conic-gradient
s for the center of the star and two linear-gradient
s for the side points.
Also the official names of the red and blue colors for the flag are Old Glory Red and Old Glory Blue, respectively.
Sources
- Vexilla Mundi: "United States of America"
- Wikipedia: "Flag of the United States"
Vietnam
Description
The flag of Vietnam, or "cờ đỏ sao vàng" (red flag with yellow star), was designed in 1955 and used during an uprising against French rule in southern Vietnam that year. Red symbolizes the bloodshed and revolutionary struggle. The star represents the five main classes in Vietnamese society—intellectuals, farmers, workers, businesspeople and military personnel.
The flag was used by the Viet Minh, a communist-led organization created in 1941 to oppose Japanese occupation. At the end of World War II, Viet Minh leader Ho Chi Minh proclaimed Vietnam independent and signed a decree on 5 September 1945 adopting the flag as the flag of the North Vietnam. The DRV became the government of North Vietnam in 1954 following the Geneva Accords. The flag was modified on 30 November 1955 to make the edges of the star sharper. Until the end of the Vietnam War in 1975, South Vietnam used a yellow flag with three red stripes. The red flag of North Vietnam was later adopted as the flag of the unified Vietnam in 1976. (Source: Wikipedia)
Construction
Created with a red background-color
and four conic-gradient
s to form the star.
Sources
- Wikipedia: "Flag of Vietnam"
Yemen
Description
The Flag of Yemen (Arabic: علم اليمن) was adopted on May 22, 1990, the day that North Yemen and South Yemen were unified. The flag is essentially the Arab Liberation Flag of 1952, introduced after the Egyptian Revolution of 1952 in which Arab nationalism was a dominant theme. The Arab Liberation Flag served as the inspiration for the flags of both North and South Yemen prior to unification, as well as for the current flags of Egypt, Iraq, Sudan, and Syria. (Source: Wikipedia)
Construction
Created with a linear-gradient
.
Sources
- Scheme Color: "Yemen Arab Republic Flag Colors"
- Wikipedia: "Flag of Yemen"