Lang Ar icon
circle-flags:lang-ar
The Lang Ar icon (circle-flags:lang-ar) is a free SVG icon from the Circle Flags set by HatScripts. It is drawn on a 512 × 512 grid. Circle Flags icons are released under the MIT 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
- Circle Flags
- Author
- HatScripts
- License
- MIT
- Size
- 512 × 512
- Tags
- langar
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><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>
How to use the Lang Ar icon
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:lang-ar" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:lang-ar" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:lang-ar" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--lang-ar]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:lang-ar"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:lang-ar"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/circle-flags/lang-ar.svg" alt="Lang Ar icon" width="24" height="24">
Related icons in Circle Flags
Lang Ar icon FAQ
Is the Lang Ar icon free for commercial use?
Yes. Circle Flags icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Lang Ar icon in React?
Install @iconify/react and render <Icon icon="circle-flags:lang-ar" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lang Ar icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/circle-flags/lang-ar.svg" alt="Lang Ar icon">, or paste the SVG code inline to style it with CSS.
Browse all Circle Flags icons →
ICONYZ
