Us Ri icon
circle-flags:us-ri
The Us Ri icon (circle-flags:us-ri) 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
- usri
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="#eee" d="M0 0h512v512H0z"/><path fill="#0052b4" d="M204 296v16h-40v32h40v-16h104v16h40v-32h-40v-16z"/><path fill="#ffda44" d="m236 107l52-38h-64l52 38l-20-61zm170 129l37 52v-64l-37 52l61-20zM276 406l-52 37h64l-52-37l20 61zM107 276l-38-52v64l38-52l-61 20zm206-159l64-7l-55-32l26 59l13-63zm83 196l6 64l32-55l-59 26l63 13zm-197 83l-64 6l55 32l-26-59l-13 63zm-82-197l-7-64l-32 55l59-26l-63-13Zm259-35l58 26l-32-55l-7 64l43-48zm-28 212l-26 58l55-32l-64-7l48 43zm-211-28l-59-26l32 55l6-64l-42 48zm27-211l26-59l-55 32l64 6l-48-42zm92-3a24 24 0 0 0-24 24a24 24 0 0 0 16 23v17h-16v16h16v39c-20-2-30-15-33-18l11-11h-32v32l10-10a68 68 0 0 0 104 0l10 10v-32h-32l11 11c-3 3-13 16-33 18v-39h16v-16h-16v-17a24 24 0 0 0 16-23a24 24 0 0 0-24-24m0 16a8 8 0 0 1 8 8a8 8 0 0 1-8 8a8 8 0 0 1-8-8a8 8 0 0 1 8-8"/></g></svg>How to use the Us Ri icon
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:us-ri" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:us-ri" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:us-ri" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--us-ri]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:us-ri"></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-ri"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/circle-flags/us-ri.svg" alt="Us Ri icon" width="24" height="24">Related icons in Circle Flags
Us Ri icon FAQ
Is the Us Ri 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 Ri icon in React?
Install @iconify/react and render <Icon icon="circle-flags:us-ri" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Us Ri icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/circle-flags/us-ri.svg" alt="Us Ri icon">, or paste the SVG code inline to style it with CSS.