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:

Construction

The flag above was constructed using a linear-gradient for the stripes of the C flag, and the boxes (for the S flags) were created with linear-gradients with positioning attributes.

Sources

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-gradients (one red, one green, one white), and the star was formed with six conic-gradients.

Sources

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-gradients.

Sources

Armenia

Եռագույն (Tricolor)

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

Azerbaijan

Üçrəngli bayraq (The Tricolor Flag)

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-gradients, and the star with 8 conic-gradients.

Sources

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

Bangladesh

লাল সবুজ (Lal Shobuz—The Red & Green)

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

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

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-gradients for the saltire, and the disc in the center was created with a radial-gradient. The stars were created with four conic-gradients (two green and two red) each.

Sources

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

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-gradients for the horizontal and vertical stripes, and four conic-gradients for the star.

Sources

Colombia

Tricolor Nacional (National Tricolor)

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

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-gradients for the star.

Sources

Democratic People's Republic of Korea

람홍색공화국기 (Ramhongsaek Konghwagukgi)

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-gradients for the star.

Sources

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-gradients for the star.

Sources

Denmark

Dannebrog

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

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-gradients to form the star.

Sources

Estonia

Sinimustvalge (Blue-Black-White)

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

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

France

Tricolore (Tricolor)

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

Georgia

ხუთჯვრიანი დროშა (khutjvriani drosha—Five Cross Flag)

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-gradients. Each of the smaller crosses was formed with 8 radial-gradients: one for each half of each bar and one for each of the ends of the cross.

Sources

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

Greece

Η Γαλανόλευκη (The Blue and White)

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-gradients—one for the vertical line, one for the horizontal.

Sources

Guyana

The Golden Arrowhead

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

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

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-gradients to form the crescent, and four conic-gradients to form the star.

Sources

Israel

Flag of Zion

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-gradients (one to form each line) and a few more linear-gradients and conic-gradients to over up the overflow.

Sources

Jamaica

The Cross

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-gradients.

Sources

Japan

日章旗 (Nisshōki—Flag of Sun) | 日の丸 (Hinomaru—Circle of the Sun)

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

Kuwait

Alam Baladii | Derti

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

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

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

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

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

Malaysia

Jalur Gemilang (Stripes of Glory)

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-gradients. And the star was formed with 14 conic-gradients.

Sources

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-gradients to form the crescent.

Sources

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-gradients to form the rays and a radial-gradient in the center

Sources

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-gradients to form the star.

Sources

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

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-gradients).

Sources

Pakistan

Parc̱am-e Sitārah o-Hilāl (Flag of the Crescent and Star)

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-gradients form the crescent. The star was made in the six conic-gradient style, using three white conic-gradients to create triangles to form the star body and three green conic-gradients to indent the bottoms of the white triangles.

Sources

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

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

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

People's Republic of China

五星红旗 (Wǔxīng Hóngqí—Five-starred Red Flag)

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-gradients 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-gradients, 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

Qatar

Al-Adaam

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-gradients (one for each side of the point) and repeating vertically.

Sources

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-gradients, each a single color with a block of white.

Sources

Republic of China

青天白日滿地紅 (Blue Sky, White Sun, and a Wholly Red Earth)

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-gradients for the inner circles, and 12 conic-gradients to form the sun's rays.

Sources

Republic of Korea

태극기 (Taegukgi / Taegeukgi)

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-gradients to form the overlaping red and blue sections.

The bars around the Taegeuk were created with linear-gradients on the ::before and ::after pseudo elements, which were each rotated.

Sources

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-gradients in the center and 12 conic-gradients surrounding.

Sources

Russia

Триколор (Tricolor)

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

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-gradients for the center and 24 conic-gradients for the rays.

Sources

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-gradients for each of the stars.

Sources

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

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-gradients were used to create a "V" of green. Then two linear-gradients were overlayed to create separations between the individual diamonds.

Sources

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

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-gradients for the gold and black triangles.

Sources

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-gradients to form the star.

Sources

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

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-gradients, 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

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

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-gradients to form the cross.

Sources

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

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

Thailand

ธงไตรรงค์ (Trairanga—Tricolour Flag)

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

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-gradients.

Sources

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

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

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

United Kingdom

Union Jack

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-gradients.

Sources

United States of America

The Stars and Stripes | Old Glory | The Star-Spangled Banner

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-gradients for the center of the star and two linear-gradients 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

Vietnam

Cờ Đỏ Sao Vàng (Red Flag With Yellow Star)

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-gradients to form the star.

Sources

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