أيقونة Us Confederate Battle
circle-flags:us-confederate-battle
أيقونة Us Confederate Battle (circle-flags:us-confederate-battle) أيقونة SVG مجانية من مجموعة Circle Flags من تصميم HatScripts. مرسومة على شبكة 512 × 512. تُنشر Circle Flags icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Circle Flags
- المؤلف
- HatScripts
- الترخيص
- MIT
- الحجم
- 512 × 512
- الوسوم
- usconfederate، confederatebattle، usconfederatebattle
شيفرة SVG
<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>
كيفية استخدام أيقونة Us Confederate Battle
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>
مكوّن ويب
<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
<img src="https://iconyz.com/api/public/svg/circle-flags/us-confederate-battle.svg" alt="أيقونة Us Confederate Battle" width="24" height="24">
أيقونات ذات صلة في Circle Flags
الأسئلة الشائعة حول أيقونة Us Confederate Battle
هل أيقونة Us Confederate Battle مجانية للاستخدام التجاري؟
نعم. تُنشر Circle Flags icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Us Confederate Battle في React؟
ثبّت @iconify/react واعرض <Icon icon="circle-flags:us-confederate-battle" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Us Confederate Battle إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/circle-flags/us-confederate-battle.svg" alt="أيقونة Us Confederate Battle">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Circle Flags →
ICONYZ
