أيقونة Cross Shield

game-icons:cross-shield

أيقونة Cross Shield (game-icons:cross-shield) أيقونة SVG مجانية من مجموعة Game Icons من تصميم GameIcons. مرسومة على شبكة 512 × 512. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Game Icons
المؤلف: GameIcons
الترخيص: CC-BY-3.0
الحجم: 512 × 512
الوسوم: crossshield

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 20c-64 96-128 88-192 104c0 256 64 320 192 368c128-48 192-112 192-368c-64-16-128-8-192-104m0 32a9 9 0 1 1 0 18a9 9 0 0 1 0-18m.291 30.152a269 269 0 0 0 13.84 14.15c34.949 35.385 82.966 45.887 130.685 56.428c2.732 1.184 6.62.508 8.864 1.958c-2.683 64.84-5.522 131.649-32.315 191.746c-12.685 31.46-36.26 57.602-64.37 76.144c-15.452 10.864-32.847 18.227-49.884 26.115c-6.586 4.573-13.697-.448-20.242-2.46c-43.648-17.847-84.444-48.619-105.056-92.266c-29.065-62.018-32.949-131.823-35.815-199.393c57.423-8.808 112.578-27.8 152.441-70.418zM256 124l-27.512 68.78C211.228 189.067 190.45 182.15 160 172c0 32-16 48-32 64c0 16 64 32 80 32c13.173-8.782 22.72-15.138 30.646-19.1C234.19 277.441 218.65 337.35 192 364c32 16 48 32 64 48c16-16 32-32 64-48c-26.65-26.65-42.19-86.559-46.646-115.1c7.926 3.962 17.473 10.318 30.646 19.1c16 0 80-16 80-32c-16-16-32-32-32-64c-30.45 10.15-51.228 17.068-68.488 20.78zm-172 8a9 9 0 1 1 0 18a9 9 0 0 1 0-18m344 0a9 9 0 1 1 0 18a9 9 0 0 1 0-18M96 282a9 9 0 1 1 0 18a9 9 0 0 1 0-18m320 0a9 9 0 1 1 0 18a9 9 0 0 1 0-18M160 410a9 9 0 1 1 0 18a9 9 0 0 1 0-18m192 0a9 9 0 1 1 0 18a9 9 0 0 1 0-18m-96 50a9 9 0 1 1 0 18a9 9 0 0 1 0-18"/></svg>

كيفية استخدام أيقونة Cross Shield

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:cross-shield" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:cross-shield" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:cross-shield" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--cross-shield]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:cross-shield"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:cross-shield"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/game-icons/cross-shield.svg" alt="أيقونة Cross Shield" width="24" height="24">

أيقونات ذات صلة في Game Icons

الأسئلة الشائعة حول أيقونة Cross Shield

هل أيقونة Cross Shield مجانية للاستخدام التجاري؟

نعم. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Cross Shield في React؟

ثبّت @iconify/react واعرض <Icon icon="game-icons:cross-shield" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Cross Shield إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/game-icons/cross-shield.svg" alt="أيقونة Cross Shield">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Game Icons →