Ao icon
cif:ao
The Ao icon (cif:ao) is a free SVG icon from the CoreUI Flags set by creativeLabs Łukasz Holeczek. It is drawn on a 300 × 200 grid. CoreUI Flags icons are released under the CC0 1.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- CoreUI Flags
- Author
- creativeLabs Łukasz Holeczek
- License
- CC0-1.0
- Size
- 300 × 200
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="200" viewBox="0 0 300 200"><g fill="none" fill-rule="evenodd"><path fill="#CE1126" fill-rule="nonzero" d="M0 0h300v200H0z"/><path fill="#000" fill-rule="nonzero" d="M0 100h300v100H0z"/><path fill="#F9D616" fill-rule="nonzero" d="M132.883 76.437h13.077L150 64l4.04 12.437h13.077l-10.578 7.686l4.04 12.437L150 88.875l-10.579 7.686l4.04-12.437zm68.867 18.466a52 52 0 0 1 0 10.194l-9.952-.98c.27-2.738.27-5.496 0-8.234zm-1.989 20.192a52 52 0 0 1-3.901 9.418l-8.819-4.714a42 42 0 0 0 3.151-7.607zm-9.564 17.893a52 52 0 0 1-7.208 7.208l-6.344-7.73a42 42 0 0 0 5.822-5.822zm-15.684 12.872a52 52 0 0 1-9.418 3.901l-2.902-9.57a42 42 0 0 0 7.606-3.151zm-19.416 5.89c-3.39.333-6.805.333-10.194 0l.98-9.952c2.738.27 5.496.27 8.234 0zm-20.192-1.989a52 52 0 0 1-9.418-3.901l4.714-8.82a42 42 0 0 0 7.607 3.151zm30.19-99.522a52 52 0 0 1 9.418 3.901l-4.714 8.819a42 42 0 0 0-7.606-3.151zm17.893 9.565a52 52 0 0 1 7.208 7.208l-7.73 6.344a42 42 0 0 0-5.822-5.822zm12.872 15.684a52 52 0 0 1 3.901 9.418l-9.569 2.903a42 42 0 0 0-3.151-7.607zm-8.803 74.423l4.862-5.701c2.559 2.477 6.004 4.917 8.503 7.135s4.414 4.061 5.964 6.581c2.272 3.693-.279 7.875-3.816 5.42c-1.913-1.328-3.115-4.911-6.044-7.876c-2.171-1.848-3.88-3.785-9.335-4.719c-.262-.045-.339-.599-.134-.84"/><path fill="#000" fill-rule="nonzero" d="M194.271 148.198a.672.672 0 1 1-1.344 0a.672.672 0 0 1 1.344 0"/><path fill="#F9D616" fill-rule="nonzero" d="m155 52.521l-.95 8.9c19.598 2.056 34.95 18.46 34.95 38.6c0 21.528-17.472 39-39 39c-9.387 0-17.868-3.469-24.6-9l-5.7 6.95c8.284 6.801 18.753 11.05 30.3 11.05c26.496 0 48-21.504 48-48c0-24.781-18.888-44.961-43-47.5"/><path fill="#000" fill-rule="nonzero" d="m154.241 131.897l13.498 7.981l2.934 11.385l15.494-1.174l6.807-7.982l-25.236-17.488z"/><path fill="#F9D616" fill-rule="nonzero" d="M186.442 149.126c-17.357-11.543-28.394-17.775-45.028-27.233c-6.535-3.716-16.682-13.055-8.678-28.68c.504 10.258 41.046 38.415 58.177 50.658z"/><path stroke="#000" stroke-linecap="round" d="M144.057 111.68c13.364 12.594 30.193 22.868 45.208 34.224"/><path fill="#000" fill-rule="nonzero" d="M199.217 152.508a.673.673 0 0 1-1.007.583a.67.67 0 0 1-.335-.583a.671.671 0 1 1 1.342 0m4.346 4.416a.672.672 0 1 1-1.344.001a.672.672 0 0 1 1.344-.001"/></g></svg>How to use the Ao icon
React
import { Icon } from "@iconify/react";
<Icon icon="cif:ao" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cif:ao" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cif:ao" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cif--ao]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cif -->
<div class="i-cif:ao"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cif:ao"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cif/ao.svg" alt="Ao icon" width="24" height="24">Ao icon in other icon sets
Ao icon FAQ
Is the Ao icon free for commercial use?
Yes. CoreUI Flags icons are released under the CC0 1.0 license, which allows use in personal and commercial projects.
How do I use the Ao icon in React?
Install @iconify/react and render <Icon icon="cif:ao" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ao icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cif/ao.svg" alt="Ao icon">, or paste the SVG code inline to style it with CSS.