asean logo

asean-4x3 from Flag Icons by Panayiotis Lipiridis · 4x3 · MIT Free for personal and commercial use.

Name: asean-4x3
Set: Flag Icons
Style: 4x3
Viewbox: 640×480
License: MIT

1 other variant in Flag Icons

Use the asean logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><path fill="#0039a6" d="M0 0h640v480H0z"/><circle cx="320" cy="240" r="144" fill="#fff"/><circle cx="320" cy="240" r="137.3" fill="#ed2939"/><use href="#SVGa5actdek" transform="matrix(-1 0 0 1 640 0)"/><g id="SVGa5actdek" fill="#f9e300"><path d="M357 240c24-14.4 35-43.2 35-72h-11v1c0 9.6-1.5 44.6-27.9 71a106 106 0 0 1 27.9 71v1h11c0-28.8-11.5-57.6-35-72"/><path d="M377.6 169v-1h-11.5v1.4c0 9.6-2 43.2-20.7 70.6c19.2 27.4 20.7 61 20.7 70.6v1.4h11.5v-1c0-9.6-2.4-44.6-27.8-71a106 106 0 0 0 27.8-71"/><path d="m341.1 240l1-1a130 130 0 0 0 20.1-69.6V168h-10.5v2c0 10-1.5 42.2-14.4 70a182 182 0 0 1 14.4 70v2h10.5v-1.4c0-9.6-1-39.9-20.1-69.6"/><path d="M333.4 240a178 178 0 0 0 14.4-72h-11v3.4c0 12-1 41.2-7.2 68.6a336 336 0 0 1 7.2 68.6v3.4h10.6v-2c0-10-1-43.1-13.5-69.5"/><path d="M325.8 240a331 331 0 0 0 6.7-68.6V168h-10.6v144h10.6v-3.4c0-11.5 0-41.2-6.7-68.1"/></g></svg>

React

import type { SVGProps } from "react";

export function FlagAsean4x3(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><path fill="#0039a6" d="M0 0h640v480H0z"/><circle cx="320" cy="240" r="144" fill="#fff"/><circle cx="320" cy="240" r="137.3" fill="#ed2939"/><use href="#SVGa5actdek" transform="matrix(-1 0 0 1 640 0)"/><g id="SVGa5actdek" fill="#f9e300"><path d="M357 240c24-14.4 35-43.2 35-72h-11v1c0 9.6-1.5 44.6-27.9 71a106 106 0 0 1 27.9 71v1h11c0-28.8-11.5-57.6-35-72"/><path d="M377.6 169v-1h-11.5v1.4c0 9.6-2 43.2-20.7 70.6c19.2 27.4 20.7 61 20.7 70.6v1.4h11.5v-1c0-9.6-2.4-44.6-27.8-71a106 106 0 0 0 27.8-71"/><path d="m341.1 240l1-1a130 130 0 0 0 20.1-69.6V168h-10.5v2c0 10-1.5 42.2-14.4 70a182 182 0 0 1 14.4 70v2h10.5v-1.4c0-9.6-1-39.9-20.1-69.6"/><path d="M333.4 240a178 178 0 0 0 14.4-72h-11v3.4c0 12-1 41.2-7.2 68.6a336 336 0 0 1 7.2 68.6v3.4h10.6v-2c0-10-1-43.1-13.5-69.5"/><path d="M325.8 240a331 331 0 0 0 6.7-68.6V168h-10.6v144h10.6v-3.4c0-11.5 0-41.2-6.7-68.1"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><path fill="#0039a6" d="M0 0h640v480H0z"/><circle cx="320" cy="240" r="144" fill="#fff"/><circle cx="320" cy="240" r="137.3" fill="#ed2939"/><use href="#SVGa5actdek" transform="matrix(-1 0 0 1 640 0)"/><g id="SVGa5actdek" fill="#f9e300"><path d="M357 240c24-14.4 35-43.2 35-72h-11v1c0 9.6-1.5 44.6-27.9 71a106 106 0 0 1 27.9 71v1h11c0-28.8-11.5-57.6-35-72"/><path d="M377.6 169v-1h-11.5v1.4c0 9.6-2 43.2-20.7 70.6c19.2 27.4 20.7 61 20.7 70.6v1.4h11.5v-1c0-9.6-2.4-44.6-27.8-71a106 106 0 0 0 27.8-71"/><path d="m341.1 240l1-1a130 130 0 0 0 20.1-69.6V168h-10.5v2c0 10-1.5 42.2-14.4 70a182 182 0 0 1 14.4 70v2h10.5v-1.4c0-9.6-1-39.9-20.1-69.6"/><path d="M333.4 240a178 178 0 0 0 14.4-72h-11v3.4c0 12-1 41.2-7.2 68.6a336 336 0 0 1 7.2 68.6v3.4h10.6v-2c0-10-1-43.1-13.5-69.5"/><path d="M325.8 240a331 331 0 0 0 6.7-68.6V168h-10.6v144h10.6v-3.4c0-11.5 0-41.2-6.7-68.1"/></g></svg>
</template>

CSS

.icon-asean-4x3 {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20480%22%3E%3Cpath%20fill%3D%22%230039a6%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22240%22%20r%3D%22144%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22240%22%20r%3D%22137.3%22%20fill%3D%22%23ed2939%22%2F%3E%3Cuse%20href%3D%22%23SVGa5actdek%22%20transform%3D%22matrix(-1%200%200%201%20640%200)%22%2F%3E%3Cg%20id%3D%22SVGa5actdek%22%20fill%3D%22%23f9e300%22%3E%3Cpath%20d%3D%22M357%20240c24-14.4%2035-43.2%2035-72h-11v1c0%209.6-1.5%2044.6-27.9%2071a106%20106%200%200%201%2027.9%2071v1h11c0-28.8-11.5-57.6-35-72%22%2F%3E%3Cpath%20d%3D%22M377.6%20169v-1h-11.5v1.4c0%209.6-2%2043.2-20.7%2070.6c19.2%2027.4%2020.7%2061%2020.7%2070.6v1.4h11.5v-1c0-9.6-2.4-44.6-27.8-71a106%20106%200%200%200%2027.8-71%22%2F%3E%3Cpath%20d%3D%22m341.1%20240l1-1a130%20130%200%200%200%2020.1-69.6V168h-10.5v2c0%2010-1.5%2042.2-14.4%2070a182%20182%200%200%201%2014.4%2070v2h10.5v-1.4c0-9.6-1-39.9-20.1-69.6%22%2F%3E%3Cpath%20d%3D%22M333.4%20240a178%20178%200%200%200%2014.4-72h-11v3.4c0%2012-1%2041.2-7.2%2068.6a336%20336%200%200%201%207.2%2068.6v3.4h10.6v-2c0-10-1-43.1-13.5-69.5%22%2F%3E%3Cpath%20d%3D%22M325.8%20240a331%20331%200%200%200%206.7-68.6V168h-10.6v144h10.6v-3.4c0-11.5%200-41.2-6.7-68.1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20480%22%3E%3Cpath%20fill%3D%22%230039a6%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22240%22%20r%3D%22144%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22240%22%20r%3D%22137.3%22%20fill%3D%22%23ed2939%22%2F%3E%3Cuse%20href%3D%22%23SVGa5actdek%22%20transform%3D%22matrix(-1%200%200%201%20640%200)%22%2F%3E%3Cg%20id%3D%22SVGa5actdek%22%20fill%3D%22%23f9e300%22%3E%3Cpath%20d%3D%22M357%20240c24-14.4%2035-43.2%2035-72h-11v1c0%209.6-1.5%2044.6-27.9%2071a106%20106%200%200%201%2027.9%2071v1h11c0-28.8-11.5-57.6-35-72%22%2F%3E%3Cpath%20d%3D%22M377.6%20169v-1h-11.5v1.4c0%209.6-2%2043.2-20.7%2070.6c19.2%2027.4%2020.7%2061%2020.7%2070.6v1.4h11.5v-1c0-9.6-2.4-44.6-27.8-71a106%20106%200%200%200%2027.8-71%22%2F%3E%3Cpath%20d%3D%22m341.1%20240l1-1a130%20130%200%200%200%2020.1-69.6V168h-10.5v2c0%2010-1.5%2042.2-14.4%2070a182%20182%200%200%201%2014.4%2070v2h10.5v-1.4c0-9.6-1-39.9-20.1-69.6%22%2F%3E%3Cpath%20d%3D%22M333.4%20240a178%20178%200%200%200%2014.4-72h-11v3.4c0%2012-1%2041.2-7.2%2068.6a336%20336%200%200%201%207.2%2068.6v3.4h10.6v-2c0-10-1-43.1-13.5-69.5%22%2F%3E%3Cpath%20d%3D%22M325.8%20240a331%20331%200%200%200%206.7-68.6V168h-10.6v144h10.6v-3.4c0-11.5%200-41.2-6.7-68.1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flag/asean-4x3.svg?color=%231a73e8&size=48