Us In icon
circle-flags:us-in
The Us In icon (circle-flags:us-in) 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
- usin
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="#0052b4" d="M0 0h512v512H0z"/><path fill="#ffda44" d="M224 361h64l-52 37.5l20-61l20 61zm-79.2-32.8h64l-52 37.5l20-61l20 61zM112 249h64l-52 37.5l20-61l20 61zm144 145l-12 8.6V451l12 21l12-21v-48.4zm6.7-207.7c-14.3 5.2-18.9 17.4-17.5 30.5a20.7 20.7 0 0 1-6.3-11.5a26 26 0 0 0-6 15.9a27.8 27.8 0 0 0 8.3 19.8H216v16h16l12 31h-12v16h12v44.4l12-36.6l12 36.6V304h12v-16h-12l12-31h16v-16h-23.3c7.6-8.5 8.6-23.3 1.9-34c-.3 6.4-3.5 11.2-5.6 14.8c-.9-11.8-11.2-18.8-6.3-35.5M224 63.5h64L236 101l20-61l20 61zm92.1 29.9h64l-52 37.5l20-61l20 61zm63.5 63.5h64l-52 37.5l20-61l20 61zm29.9 92.1h64l-52 37.5l20-61l20 61zm-29.9 92.1h64l-52 37.5l20-61l20 61zm-63.5 63.5h64l-52 37.5l20-61l20 61zm-184.2 0h64l-52 37.5l20-61l20 61zm-63.5-63.5h64l-52 37.5l20-61l20 61zM38.5 249h64l-52 37.5l20-61l20 61zm29.9-92.1h64l-52 37.5l20-61l20 61zm63.5-63.5h64l-52 37.5l20-61l20 61zM224 137h64l-52 37.5l20-61l20 61zm112 112h64l-52 37.5l20-61l20 61zm-32.8 79.2h64l-52 37.5l20-61l20 61z"/></g></svg>
How to use the Us In icon
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:us-in" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:us-in" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:us-in" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--us-in]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:us-in"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:us-in"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/circle-flags/us-in.svg" alt="Us In icon" width="24" height="24">
Related icons in Circle Flags
Us In icon FAQ
Is the Us In 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 Us In icon in React?
Install @iconify/react and render <Icon icon="circle-flags:us-in" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Us In icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/circle-flags/us-in.svg" alt="Us In icon">, or paste the SVG code inline to style it with CSS.
Browse all Circle Flags icons →
ICONYZ
