ar logo
ar from Circle Flags by HatScripts · Circle · MIT Free for personal and commercial use.
- Name
- ar
- Set
- Circle Flags
- Style
- Circle
- Viewbox
- 512×512
- License
- MIT
The same logo in other sets
Use the ar logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs1"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs1)"><path fill="#496e2d" d="M0 0h512v512H0z"/><path fill="#eee" d="M379 176v97h-16c-2.8 0-5.3-.2-7.8-.4c3-4.3 5.2-8.9 6.4-13.7a37.7 37.7 0 0 0-4-29.2A31.6 31.6 0 0 0 331 215a31.6 31.6 0 0 0-26.5 14.7c-5.3 8.6-6.7 19-4.1 29.2c1.2 4.8 3.4 9.4 6.4 13.7c-2.5.2-5 .4-7.8.4h-16v-58h-24v82a15 15 0 0 1-15 15v24a39 39 0 0 0 39-39h16c12.4 0 23-2.3 32-6c9 3.7 19.6 6 32 6h40V176zm39 0v121h24V176zm-330 0v24h24v-24zm39 0v24h24v-24zm24 39a82 82 0 0 0-82 82h24a58 58 0 0 1 34-52.8V297h102v-82h-24v58h-15v-58h-24v58h-15zm180 24c3.4 0 4.7 1 6.1 3.4a14 14 0 0 1 1.2 10.7c-.9 3.6-3 7.7-7.3 11.2a21.7 21.7 0 0 1-7.3-11.2a14 14 0 0 1 1.2-10.7c1.4-2.4 2.7-3.4 6.1-3.4m-204 73v24h24v-24zm39 0v24h24v-24zm39 0v24h24v-24z"/></g></svg>
React
import type { SVGProps } from "react";
export function CircleFlagsAr(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs1"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs1)"><path fill="#496e2d" d="M0 0h512v512H0z"/><path fill="#eee" d="M379 176v97h-16c-2.8 0-5.3-.2-7.8-.4c3-4.3 5.2-8.9 6.4-13.7a37.7 37.7 0 0 0-4-29.2A31.6 31.6 0 0 0 331 215a31.6 31.6 0 0 0-26.5 14.7c-5.3 8.6-6.7 19-4.1 29.2c1.2 4.8 3.4 9.4 6.4 13.7c-2.5.2-5 .4-7.8.4h-16v-58h-24v82a15 15 0 0 1-15 15v24a39 39 0 0 0 39-39h16c12.4 0 23-2.3 32-6c9 3.7 19.6 6 32 6h40V176zm39 0v121h24V176zm-330 0v24h24v-24zm39 0v24h24v-24zm24 39a82 82 0 0 0-82 82h24a58 58 0 0 1 34-52.8V297h102v-82h-24v58h-15v-58h-24v58h-15zm180 24c3.4 0 4.7 1 6.1 3.4a14 14 0 0 1 1.2 10.7c-.9 3.6-3 7.7-7.3 11.2a21.7 21.7 0 0 1-7.3-11.2a14 14 0 0 1 1.2-10.7c1.4-2.4 2.7-3.4 6.1-3.4m-204 73v24h24v-24zm39 0v24h24v-24zm39 0v24h24v-24z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs1"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs1)"><path fill="#496e2d" d="M0 0h512v512H0z"/><path fill="#eee" d="M379 176v97h-16c-2.8 0-5.3-.2-7.8-.4c3-4.3 5.2-8.9 6.4-13.7a37.7 37.7 0 0 0-4-29.2A31.6 31.6 0 0 0 331 215a31.6 31.6 0 0 0-26.5 14.7c-5.3 8.6-6.7 19-4.1 29.2c1.2 4.8 3.4 9.4 6.4 13.7c-2.5.2-5 .4-7.8.4h-16v-58h-24v82a15 15 0 0 1-15 15v24a39 39 0 0 0 39-39h16c12.4 0 23-2.3 32-6c9 3.7 19.6 6 32 6h40V176zm39 0v121h24V176zm-330 0v24h24v-24zm39 0v24h24v-24zm24 39a82 82 0 0 0-82 82h24a58 58 0 0 1 34-52.8V297h102v-82h-24v58h-15v-58h-24v58h-15zm180 24c3.4 0 4.7 1 6.1 3.4a14 14 0 0 1 1.2 10.7c-.9 3.6-3 7.7-7.3 11.2a21.7 21.7 0 0 1-7.3-11.2a14 14 0 0 1 1.2-10.7c1.4-2.4 2.7-3.4 6.1-3.4m-204 73v24h24v-24zm39 0v24h24v-24zm39 0v24h24v-24z"/></g></svg> </template>
CSS
.icon-ar {
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%3Cmask%20id%3D%22SVGqdEcMdXs1%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGqdEcMdXs1)%22%3E%3Cpath%20fill%3D%22%23496e2d%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M379%20176v97h-16c-2.8%200-5.3-.2-7.8-.4c3-4.3%205.2-8.9%206.4-13.7a37.7%2037.7%200%200%200-4-29.2A31.6%2031.6%200%200%200%20331%20215a31.6%2031.6%200%200%200-26.5%2014.7c-5.3%208.6-6.7%2019-4.1%2029.2c1.2%204.8%203.4%209.4%206.4%2013.7c-2.5.2-5%20.4-7.8.4h-16v-58h-24v82a15%2015%200%200%201-15%2015v24a39%2039%200%200%200%2039-39h16c12.4%200%2023-2.3%2032-6c9%203.7%2019.6%206%2032%206h40V176zm39%200v121h24V176zm-330%200v24h24v-24zm39%200v24h24v-24zm24%2039a82%2082%200%200%200-82%2082h24a58%2058%200%200%201%2034-52.8V297h102v-82h-24v58h-15v-58h-24v58h-15zm180%2024c3.4%200%204.7%201%206.1%203.4a14%2014%200%200%201%201.2%2010.7c-.9%203.6-3%207.7-7.3%2011.2a21.7%2021.7%200%200%201-7.3-11.2a14%2014%200%200%201%201.2-10.7c1.4-2.4%202.7-3.4%206.1-3.4m-204%2073v24h24v-24zm39%200v24h24v-24zm39%200v24h24v-24z%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%3Cmask%20id%3D%22SVGqdEcMdXs1%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGqdEcMdXs1)%22%3E%3Cpath%20fill%3D%22%23496e2d%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M379%20176v97h-16c-2.8%200-5.3-.2-7.8-.4c3-4.3%205.2-8.9%206.4-13.7a37.7%2037.7%200%200%200-4-29.2A31.6%2031.6%200%200%200%20331%20215a31.6%2031.6%200%200%200-26.5%2014.7c-5.3%208.6-6.7%2019-4.1%2029.2c1.2%204.8%203.4%209.4%206.4%2013.7c-2.5.2-5%20.4-7.8.4h-16v-58h-24v82a15%2015%200%200%201-15%2015v24a39%2039%200%200%200%2039-39h16c12.4%200%2023-2.3%2032-6c9%203.7%2019.6%206%2032%206h40V176zm39%200v121h24V176zm-330%200v24h24v-24zm39%200v24h24v-24zm24%2039a82%2082%200%200%200-82%2082h24a58%2058%200%200%201%2034-52.8V297h102v-82h-24v58h-15v-58h-24v58h-15zm180%2024c3.4%200%204.7%201%206.1%203.4a14%2014%200%200%201%201.2%2010.7c-.9%203.6-3%207.7-7.3%2011.2a21.7%2021.7%200%200%201-7.3-11.2a14%2014%200%200%201%201.2-10.7c1.4-2.4%202.7-3.4%206.1-3.4m-204%2073v24h24v-24zm39%200v24h24v-24zm39%200v24h24v-24z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/circle-flags/ar.svg?color=%231a73e8&size=48
