Us Confederate Battle icon
circle-flags:us-confederate-battle
The Us Confederate Battle icon (circle-flags:us-confederate-battle) 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
- usconfederate, confederatebattle, usconfederatebattle
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="#d80027" d="M0 68L68 0h376l68 68v376l-68 68H68L0 444Z"/><path fill="#eee" d="M0 50v18l188 188L0 444v18l50 50h18l188-188l188 188h18l50-50v-18L324 256L512 68V50L462 0h-18L256 188L68 0H50Z"/><path fill="#0052b4" d="M0 0v50l206 206L0 462v50h50l206-206l206 206h50v-50L306 256L512 50V0h-50L256 206L50 0z"/><path fill="#eee" d="m307 274l19 57l-49-35h60l-48 35zm-51-51l19 57l-49-35h60l-48 35zm103 103l19 57l-49-35h60l-48 35zm51 51l19 57l-49-35h60l-48 35zM153 120l19 57l-49-35h60l-48 35zm-51-51l19 57l-49-35h60l-48 35zm103 103l19 57l-49-35h60l-48 35zm0 102l-18 57l48-35h-60l49 35zm-52 52l-18 57l48-35h-60l49 35zm-51 51l-18 57l48-35H72l49 35zm257-257l-18 57l48-35h-60l49 35zm51-51l-18 57l48-35h-60l49 35zM307 172l-18 57l48-35h-60l49 35z"/></g></svg>
How to use the Us Confederate Battle icon
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:us-confederate-battle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:us-confederate-battle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:us-confederate-battle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--us-confederate-battle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:us-confederate-battle"></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-confederate-battle"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/circle-flags/us-confederate-battle.svg" alt="Us Confederate Battle icon" width="24" height="24">
Related icons in Circle Flags
Us Confederate Battle icon FAQ
Is the Us Confederate Battle 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 Confederate Battle icon in React?
Install @iconify/react and render <Icon icon="circle-flags:us-confederate-battle" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Us Confederate Battle icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/circle-flags/us-confederate-battle.svg" alt="Us Confederate Battle icon">, or paste the SVG code inline to style it with CSS.
Browse all Circle Flags icons →
ICONYZ
