asean logo

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

Name: asean-1x1
Set: Flag Icons
Style: 1x1
Viewbox: 512×512
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 512 512"><path fill="#0039a6" d="M0 0h512v512H0z"/><circle cx="256" cy="256" r="153.6" fill="#fff"/><circle cx="256" cy="256" r="146.4" fill="#ed2939"/><use href="#SVGsNH4fbSG" transform="matrix(-1 0 0 1 512 0)"/><g id="SVGsNH4fbSG" fill="#f9e300"><path d="M295.4 256c25.6-15.4 37.4-46 37.4-76.8H321v1c0 10.3-1.5 47.6-29.7 75.8a113 113 0 0 1 29.7 75.8v1h11.8c0-30.7-12.3-61.4-37.4-76.8"/><path d="M317.4 180.2v-1h-12.2v1.5c0 10.3-2.1 46.1-22 75.3c20.4 29.2 22 65 22 75.3v1.5h12.2v-1c0-10.3-2.5-47.6-29.7-75.8a113 113 0 0 0 29.7-75.8"/><path d="m278.5 256l1-1a138 138 0 0 0 21.6-74.3v-1.5h-11.3v2c0 10.8-1.5 45.1-15.4 74.8a195 195 0 0 1 15.4 74.8v2H301v-1.5c0-10.3-1-42.5-21.5-74.3"/><path d="M270.3 256a189 189 0 0 0 15.4-76.8h-11.8v3.6c0 12.8-1 44-7.7 73.2a358 358 0 0 1 7.7 73.2v3.6h11.3v-2c0-10.8-1-46.1-14.4-74.3"/><path d="M262.1 256a353 353 0 0 0 7.2-73.2v-3.6H258v153.6h11.3v-3.6c0-12.3 0-44-7.2-72.7"/></g></svg>

React

import type { SVGProps } from "react";

export function FlagAsean1x1(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#0039a6" d="M0 0h512v512H0z"/><circle cx="256" cy="256" r="153.6" fill="#fff"/><circle cx="256" cy="256" r="146.4" fill="#ed2939"/><use href="#SVGsNH4fbSG" transform="matrix(-1 0 0 1 512 0)"/><g id="SVGsNH4fbSG" fill="#f9e300"><path d="M295.4 256c25.6-15.4 37.4-46 37.4-76.8H321v1c0 10.3-1.5 47.6-29.7 75.8a113 113 0 0 1 29.7 75.8v1h11.8c0-30.7-12.3-61.4-37.4-76.8"/><path d="M317.4 180.2v-1h-12.2v1.5c0 10.3-2.1 46.1-22 75.3c20.4 29.2 22 65 22 75.3v1.5h12.2v-1c0-10.3-2.5-47.6-29.7-75.8a113 113 0 0 0 29.7-75.8"/><path d="m278.5 256l1-1a138 138 0 0 0 21.6-74.3v-1.5h-11.3v2c0 10.8-1.5 45.1-15.4 74.8a195 195 0 0 1 15.4 74.8v2H301v-1.5c0-10.3-1-42.5-21.5-74.3"/><path d="M270.3 256a189 189 0 0 0 15.4-76.8h-11.8v3.6c0 12.8-1 44-7.7 73.2a358 358 0 0 1 7.7 73.2v3.6h11.3v-2c0-10.8-1-46.1-14.4-74.3"/><path d="M262.1 256a353 353 0 0 0 7.2-73.2v-3.6H258v153.6h11.3v-3.6c0-12.3 0-44-7.2-72.7"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#0039a6" d="M0 0h512v512H0z"/><circle cx="256" cy="256" r="153.6" fill="#fff"/><circle cx="256" cy="256" r="146.4" fill="#ed2939"/><use href="#SVGsNH4fbSG" transform="matrix(-1 0 0 1 512 0)"/><g id="SVGsNH4fbSG" fill="#f9e300"><path d="M295.4 256c25.6-15.4 37.4-46 37.4-76.8H321v1c0 10.3-1.5 47.6-29.7 75.8a113 113 0 0 1 29.7 75.8v1h11.8c0-30.7-12.3-61.4-37.4-76.8"/><path d="M317.4 180.2v-1h-12.2v1.5c0 10.3-2.1 46.1-22 75.3c20.4 29.2 22 65 22 75.3v1.5h12.2v-1c0-10.3-2.5-47.6-29.7-75.8a113 113 0 0 0 29.7-75.8"/><path d="m278.5 256l1-1a138 138 0 0 0 21.6-74.3v-1.5h-11.3v2c0 10.8-1.5 45.1-15.4 74.8a195 195 0 0 1 15.4 74.8v2H301v-1.5c0-10.3-1-42.5-21.5-74.3"/><path d="M270.3 256a189 189 0 0 0 15.4-76.8h-11.8v3.6c0 12.8-1 44-7.7 73.2a358 358 0 0 1 7.7 73.2v3.6h11.3v-2c0-10.8-1-46.1-14.4-74.3"/><path d="M262.1 256a353 353 0 0 0 7.2-73.2v-3.6H258v153.6h11.3v-3.6c0-12.3 0-44-7.2-72.7"/></g></svg>
</template>

CSS

.icon-asean-1x1 {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22%230039a6%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22153.6%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22146.4%22%20fill%3D%22%23ed2939%22%2F%3E%3Cuse%20href%3D%22%23SVGsNH4fbSG%22%20transform%3D%22matrix(-1%200%200%201%20512%200)%22%2F%3E%3Cg%20id%3D%22SVGsNH4fbSG%22%20fill%3D%22%23f9e300%22%3E%3Cpath%20d%3D%22M295.4%20256c25.6-15.4%2037.4-46%2037.4-76.8H321v1c0%2010.3-1.5%2047.6-29.7%2075.8a113%20113%200%200%201%2029.7%2075.8v1h11.8c0-30.7-12.3-61.4-37.4-76.8%22%2F%3E%3Cpath%20d%3D%22M317.4%20180.2v-1h-12.2v1.5c0%2010.3-2.1%2046.1-22%2075.3c20.4%2029.2%2022%2065%2022%2075.3v1.5h12.2v-1c0-10.3-2.5-47.6-29.7-75.8a113%20113%200%200%200%2029.7-75.8%22%2F%3E%3Cpath%20d%3D%22m278.5%20256l1-1a138%20138%200%200%200%2021.6-74.3v-1.5h-11.3v2c0%2010.8-1.5%2045.1-15.4%2074.8a195%20195%200%200%201%2015.4%2074.8v2H301v-1.5c0-10.3-1-42.5-21.5-74.3%22%2F%3E%3Cpath%20d%3D%22M270.3%20256a189%20189%200%200%200%2015.4-76.8h-11.8v3.6c0%2012.8-1%2044-7.7%2073.2a358%20358%200%200%201%207.7%2073.2v3.6h11.3v-2c0-10.8-1-46.1-14.4-74.3%22%2F%3E%3Cpath%20d%3D%22M262.1%20256a353%20353%200%200%200%207.2-73.2v-3.6H258v153.6h11.3v-3.6c0-12.3%200-44-7.2-72.7%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%20512%20512%22%3E%3Cpath%20fill%3D%22%230039a6%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22153.6%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22146.4%22%20fill%3D%22%23ed2939%22%2F%3E%3Cuse%20href%3D%22%23SVGsNH4fbSG%22%20transform%3D%22matrix(-1%200%200%201%20512%200)%22%2F%3E%3Cg%20id%3D%22SVGsNH4fbSG%22%20fill%3D%22%23f9e300%22%3E%3Cpath%20d%3D%22M295.4%20256c25.6-15.4%2037.4-46%2037.4-76.8H321v1c0%2010.3-1.5%2047.6-29.7%2075.8a113%20113%200%200%201%2029.7%2075.8v1h11.8c0-30.7-12.3-61.4-37.4-76.8%22%2F%3E%3Cpath%20d%3D%22M317.4%20180.2v-1h-12.2v1.5c0%2010.3-2.1%2046.1-22%2075.3c20.4%2029.2%2022%2065%2022%2075.3v1.5h12.2v-1c0-10.3-2.5-47.6-29.7-75.8a113%20113%200%200%200%2029.7-75.8%22%2F%3E%3Cpath%20d%3D%22m278.5%20256l1-1a138%20138%200%200%200%2021.6-74.3v-1.5h-11.3v2c0%2010.8-1.5%2045.1-15.4%2074.8a195%20195%200%200%201%2015.4%2074.8v2H301v-1.5c0-10.3-1-42.5-21.5-74.3%22%2F%3E%3Cpath%20d%3D%22M270.3%20256a189%20189%200%200%200%2015.4-76.8h-11.8v3.6c0%2012.8-1%2044-7.7%2073.2a358%20358%200%200%201%207.7%2073.2v3.6h11.3v-2c0-10.8-1-46.1-14.4-74.3%22%2F%3E%3Cpath%20d%3D%22M262.1%20256a353%20353%200%200%200%207.2-73.2v-3.6H258v153.6h11.3v-3.6c0-12.3%200-44-7.2-72.7%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-1x1.svg?color=%231a73e8&size=48