ao logo

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

Name
ao-1x1
Set
Flag Icons
Style
1x1
Viewbox
512×512
License
MIT

1 other variant in Flag Icons

ao-4x3

The same logo in other sets

aoCircle FlagsaoFlagpack

Use the ao logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><g fill-rule="evenodd" stroke-width="1pt"><path fill="red" d="M0 0h512v259.8H0z"/><path fill="#000001" d="M0 252.2h512V512H0z"/></g><path fill="#ffec00" fill-rule="evenodd" d="M228.7 148.2c165.2 43.3 59 255.6-71.3 167.2l-8.8 13.6c76.7 54.6 152.6 10.6 174-46.4c22.2-58.8-7.6-141.5-92.6-150z"/><path fill="#ffec00" fill-rule="evenodd" d="m170 330.8l21.7 10.1l-10.2 21.8l-21.7-10.2zm149-99.5h24v24h-24zm-11.7-38.9l22.3-8.6l8.7 22.3l-22.3 8.7zm-26-29.1l17.1-16.9l16.9 17l-17 16.9zm-26.2-39.8l22.4 8.4l-8.5 22.4l-22.4-8.4zM316 270l22.3 8.9l-9 22.2l-22.2-8.9zm-69.9 70l22-9.3l9.5 22l-22 9.4zm-39.5 2.8h24v24h-24zm41.3-116l-20.3-15l-20.3 14.6l8-23l-20.3-15h24.5l8.5-22.6l7.8 22.7l24.7-.3l-19.6 15.3z"/><path fill="#fe0" fill-rule="evenodd" d="M336 346.4c-1.2.4-6.2 12.4-9.7 18.2l3.7 1c13.6 4.8 20.4 9.2 26.2 17.5a8 8 0 0 0 10.2.7s2.8-1 6.4-5c3-4.5 2.2-8-1.4-11.1c-11-8-22.9-14-35.4-21.3"/><path fill="#000001" fill-rule="evenodd" d="M365.3 372.8a4.3 4.3 0 1 1-8.7 0a4.3 4.3 0 0 1 8.6 0zm-21.4-13.6a4.3 4.3 0 1 1-8.7 0a4.3 4.3 0 0 1 8.7 0m10.9 7a4.3 4.3 0 1 1-8.7 0a4.3 4.3 0 0 1 8.7 0"/><path fill="#fe0" fill-rule="evenodd" d="M324.5 363.7c-42.6-24.3-87.3-50.5-130-74.8c-18.7-11.7-19.6-33.4-7-49.9c1.2-2.3 2.8-1.8 3.4-.5c1.5 8 6 16.3 11.4 21.5A5288 5288 0 0 1 334 345.6c-3.4 5.8-6 12.3-9.5 18z"/><path fill="#ffec00" fill-rule="evenodd" d="m297.2 305.5l17.8 16l-16 17.8l-17.8-16z"/><path fill="none" stroke="#000" stroke-width="3" d="m331.5 348.8l-125-75.5m109.6 58.1L274 304.1m18.2 42.7L249.3 322"/></svg>

React

import type { SVGProps } from "react";

export function FlagAo1x1(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><g fillRule="evenodd" strokeWidth="1pt"><path fill="red" d="M0 0h512v259.8H0z"/><path fill="#000001" d="M0 252.2h512V512H0z"/></g><path fill="#ffec00" fillRule="evenodd" d="M228.7 148.2c165.2 43.3 59 255.6-71.3 167.2l-8.8 13.6c76.7 54.6 152.6 10.6 174-46.4c22.2-58.8-7.6-141.5-92.6-150z"/><path fill="#ffec00" fillRule="evenodd" d="m170 330.8l21.7 10.1l-10.2 21.8l-21.7-10.2zm149-99.5h24v24h-24zm-11.7-38.9l22.3-8.6l8.7 22.3l-22.3 8.7zm-26-29.1l17.1-16.9l16.9 17l-17 16.9zm-26.2-39.8l22.4 8.4l-8.5 22.4l-22.4-8.4zM316 270l22.3 8.9l-9 22.2l-22.2-8.9zm-69.9 70l22-9.3l9.5 22l-22 9.4zm-39.5 2.8h24v24h-24zm41.3-116l-20.3-15l-20.3 14.6l8-23l-20.3-15h24.5l8.5-22.6l7.8 22.7l24.7-.3l-19.6 15.3z"/><path fill="#fe0" fillRule="evenodd" d="M336 346.4c-1.2.4-6.2 12.4-9.7 18.2l3.7 1c13.6 4.8 20.4 9.2 26.2 17.5a8 8 0 0 0 10.2.7s2.8-1 6.4-5c3-4.5 2.2-8-1.4-11.1c-11-8-22.9-14-35.4-21.3"/><path fill="#000001" fillRule="evenodd" d="M365.3 372.8a4.3 4.3 0 1 1-8.7 0a4.3 4.3 0 0 1 8.6 0zm-21.4-13.6a4.3 4.3 0 1 1-8.7 0a4.3 4.3 0 0 1 8.7 0m10.9 7a4.3 4.3 0 1 1-8.7 0a4.3 4.3 0 0 1 8.7 0"/><path fill="#fe0" fillRule="evenodd" d="M324.5 363.7c-42.6-24.3-87.3-50.5-130-74.8c-18.7-11.7-19.6-33.4-7-49.9c1.2-2.3 2.8-1.8 3.4-.5c1.5 8 6 16.3 11.4 21.5A5288 5288 0 0 1 334 345.6c-3.4 5.8-6 12.3-9.5 18z"/><path fill="#ffec00" fillRule="evenodd" d="m297.2 305.5l17.8 16l-16 17.8l-17.8-16z"/><path fill="none" stroke="#000" strokeWidth="3" d="m331.5 348.8l-125-75.5m109.6 58.1L274 304.1m18.2 42.7L249.3 322"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><g fill-rule="evenodd" stroke-width="1pt"><path fill="red" d="M0 0h512v259.8H0z"/><path fill="#000001" d="M0 252.2h512V512H0z"/></g><path fill="#ffec00" fill-rule="evenodd" d="M228.7 148.2c165.2 43.3 59 255.6-71.3 167.2l-8.8 13.6c76.7 54.6 152.6 10.6 174-46.4c22.2-58.8-7.6-141.5-92.6-150z"/><path fill="#ffec00" fill-rule="evenodd" d="m170 330.8l21.7 10.1l-10.2 21.8l-21.7-10.2zm149-99.5h24v24h-24zm-11.7-38.9l22.3-8.6l8.7 22.3l-22.3 8.7zm-26-29.1l17.1-16.9l16.9 17l-17 16.9zm-26.2-39.8l22.4 8.4l-8.5 22.4l-22.4-8.4zM316 270l22.3 8.9l-9 22.2l-22.2-8.9zm-69.9 70l22-9.3l9.5 22l-22 9.4zm-39.5 2.8h24v24h-24zm41.3-116l-20.3-15l-20.3 14.6l8-23l-20.3-15h24.5l8.5-22.6l7.8 22.7l24.7-.3l-19.6 15.3z"/><path fill="#fe0" fill-rule="evenodd" d="M336 346.4c-1.2.4-6.2 12.4-9.7 18.2l3.7 1c13.6 4.8 20.4 9.2 26.2 17.5a8 8 0 0 0 10.2.7s2.8-1 6.4-5c3-4.5 2.2-8-1.4-11.1c-11-8-22.9-14-35.4-21.3"/><path fill="#000001" fill-rule="evenodd" d="M365.3 372.8a4.3 4.3 0 1 1-8.7 0a4.3 4.3 0 0 1 8.6 0zm-21.4-13.6a4.3 4.3 0 1 1-8.7 0a4.3 4.3 0 0 1 8.7 0m10.9 7a4.3 4.3 0 1 1-8.7 0a4.3 4.3 0 0 1 8.7 0"/><path fill="#fe0" fill-rule="evenodd" d="M324.5 363.7c-42.6-24.3-87.3-50.5-130-74.8c-18.7-11.7-19.6-33.4-7-49.9c1.2-2.3 2.8-1.8 3.4-.5c1.5 8 6 16.3 11.4 21.5A5288 5288 0 0 1 334 345.6c-3.4 5.8-6 12.3-9.5 18z"/><path fill="#ffec00" fill-rule="evenodd" d="m297.2 305.5l17.8 16l-16 17.8l-17.8-16z"/><path fill="none" stroke="#000" stroke-width="3" d="m331.5 348.8l-125-75.5m109.6 58.1L274 304.1m18.2 42.7L249.3 322"/></svg>
</template>

CSS

.icon-ao-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%3Cg%20fill-rule%3D%22evenodd%22%20stroke-width%3D%221pt%22%3E%3Cpath%20fill%3D%22red%22%20d%3D%22M0%200h512v259.8H0z%22%2F%3E%3Cpath%20fill%3D%22%23000001%22%20d%3D%22M0%20252.2h512V512H0z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ffec00%22%20fill-rule%3D%22evenodd%22%20d%3D%22M228.7%20148.2c165.2%2043.3%2059%20255.6-71.3%20167.2l-8.8%2013.6c76.7%2054.6%20152.6%2010.6%20174-46.4c22.2-58.8-7.6-141.5-92.6-150z%22%2F%3E%3Cpath%20fill%3D%22%23ffec00%22%20fill-rule%3D%22evenodd%22%20d%3D%22m170%20330.8l21.7%2010.1l-10.2%2021.8l-21.7-10.2zm149-99.5h24v24h-24zm-11.7-38.9l22.3-8.6l8.7%2022.3l-22.3%208.7zm-26-29.1l17.1-16.9l16.9%2017l-17%2016.9zm-26.2-39.8l22.4%208.4l-8.5%2022.4l-22.4-8.4zM316%20270l22.3%208.9l-9%2022.2l-22.2-8.9zm-69.9%2070l22-9.3l9.5%2022l-22%209.4zm-39.5%202.8h24v24h-24zm41.3-116l-20.3-15l-20.3%2014.6l8-23l-20.3-15h24.5l8.5-22.6l7.8%2022.7l24.7-.3l-19.6%2015.3z%22%2F%3E%3Cpath%20fill%3D%22%23fe0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M336%20346.4c-1.2.4-6.2%2012.4-9.7%2018.2l3.7%201c13.6%204.8%2020.4%209.2%2026.2%2017.5a8%208%200%200%200%2010.2.7s2.8-1%206.4-5c3-4.5%202.2-8-1.4-11.1c-11-8-22.9-14-35.4-21.3%22%2F%3E%3Cpath%20fill%3D%22%23000001%22%20fill-rule%3D%22evenodd%22%20d%3D%22M365.3%20372.8a4.3%204.3%200%201%201-8.7%200a4.3%204.3%200%200%201%208.6%200zm-21.4-13.6a4.3%204.3%200%201%201-8.7%200a4.3%204.3%200%200%201%208.7%200m10.9%207a4.3%204.3%200%201%201-8.7%200a4.3%204.3%200%200%201%208.7%200%22%2F%3E%3Cpath%20fill%3D%22%23fe0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M324.5%20363.7c-42.6-24.3-87.3-50.5-130-74.8c-18.7-11.7-19.6-33.4-7-49.9c1.2-2.3%202.8-1.8%203.4-.5c1.5%208%206%2016.3%2011.4%2021.5A5288%205288%200%200%201%20334%20345.6c-3.4%205.8-6%2012.3-9.5%2018z%22%2F%3E%3Cpath%20fill%3D%22%23ffec00%22%20fill-rule%3D%22evenodd%22%20d%3D%22m297.2%20305.5l17.8%2016l-16%2017.8l-17.8-16z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%223%22%20d%3D%22m331.5%20348.8l-125-75.5m109.6%2058.1L274%20304.1m18.2%2042.7L249.3%20322%22%2F%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%3Cg%20fill-rule%3D%22evenodd%22%20stroke-width%3D%221pt%22%3E%3Cpath%20fill%3D%22red%22%20d%3D%22M0%200h512v259.8H0z%22%2F%3E%3Cpath%20fill%3D%22%23000001%22%20d%3D%22M0%20252.2h512V512H0z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ffec00%22%20fill-rule%3D%22evenodd%22%20d%3D%22M228.7%20148.2c165.2%2043.3%2059%20255.6-71.3%20167.2l-8.8%2013.6c76.7%2054.6%20152.6%2010.6%20174-46.4c22.2-58.8-7.6-141.5-92.6-150z%22%2F%3E%3Cpath%20fill%3D%22%23ffec00%22%20fill-rule%3D%22evenodd%22%20d%3D%22m170%20330.8l21.7%2010.1l-10.2%2021.8l-21.7-10.2zm149-99.5h24v24h-24zm-11.7-38.9l22.3-8.6l8.7%2022.3l-22.3%208.7zm-26-29.1l17.1-16.9l16.9%2017l-17%2016.9zm-26.2-39.8l22.4%208.4l-8.5%2022.4l-22.4-8.4zM316%20270l22.3%208.9l-9%2022.2l-22.2-8.9zm-69.9%2070l22-9.3l9.5%2022l-22%209.4zm-39.5%202.8h24v24h-24zm41.3-116l-20.3-15l-20.3%2014.6l8-23l-20.3-15h24.5l8.5-22.6l7.8%2022.7l24.7-.3l-19.6%2015.3z%22%2F%3E%3Cpath%20fill%3D%22%23fe0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M336%20346.4c-1.2.4-6.2%2012.4-9.7%2018.2l3.7%201c13.6%204.8%2020.4%209.2%2026.2%2017.5a8%208%200%200%200%2010.2.7s2.8-1%206.4-5c3-4.5%202.2-8-1.4-11.1c-11-8-22.9-14-35.4-21.3%22%2F%3E%3Cpath%20fill%3D%22%23000001%22%20fill-rule%3D%22evenodd%22%20d%3D%22M365.3%20372.8a4.3%204.3%200%201%201-8.7%200a4.3%204.3%200%200%201%208.6%200zm-21.4-13.6a4.3%204.3%200%201%201-8.7%200a4.3%204.3%200%200%201%208.7%200m10.9%207a4.3%204.3%200%201%201-8.7%200a4.3%204.3%200%200%201%208.7%200%22%2F%3E%3Cpath%20fill%3D%22%23fe0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M324.5%20363.7c-42.6-24.3-87.3-50.5-130-74.8c-18.7-11.7-19.6-33.4-7-49.9c1.2-2.3%202.8-1.8%203.4-.5c1.5%208%206%2016.3%2011.4%2021.5A5288%205288%200%200%201%20334%20345.6c-3.4%205.8-6%2012.3-9.5%2018z%22%2F%3E%3Cpath%20fill%3D%22%23ffec00%22%20fill-rule%3D%22evenodd%22%20d%3D%22m297.2%20305.5l17.8%2016l-16%2017.8l-17.8-16z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%223%22%20d%3D%22m331.5%20348.8l-125-75.5m109.6%2058.1L274%20304.1m18.2%2042.7L249.3%20322%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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