أيقونة Shield
simple-line-icons:shield
أيقونة Shield (simple-line-icons:shield) أيقونة SVG مجانية من مجموعة Simple line icons من تصميم Sabbir Ahmed. مرسومة على شبكة 1024 × 1024. تُنشر Simple line icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Simple line icons
- المؤلف
- Sabbir Ahmed
- الترخيص
- MIT
- الحجم
- 1024 × 1024
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M907.952 144.48a64 64 0 0 0-43.663-17.217c-1.472 0-2.943.065-4.4.16c-.912.065-11.184.689-27.28.689c-26.656 0-78.688-1.808-127.969-13.936c-63.664-15.631-137.12-88.16-158.496-102.464A63.96 63.96 0 0 0 510.576.93a64.2 64.2 0 0 0-35.536 10.752c-2.592 1.744-79.504 84.032-154.752 102.496C271.04 126.305 218 128.113 191.376 128.113c-16.096 0-26.369-.624-27.376-.689a62 62 0 0 0-4.225-.16A64.2 64.2 0 0 0 116 144.544c-12.945 12.096-20.32 29.008-20.32 46.72v160.032c0 591.632 387.12 667.808 403.567 670.783a65.6 65.6 0 0 0 11.313 1.008c3.776 0 7.6-.336 11.312-1.008c16.432-2.976 406.4-79.151 406.4-670.783V191.264a63.8 63.8 0 0 0-20.32-46.784m-43.647 206.816c0 544.912-353.714 607.777-353.714 607.777s-350.88-62.88-350.88-607.776V191.265s12.096.848 31.68.848c33.568 0 90.032-2.464 144.16-15.776C424.175 154.593 510.575 64.93 510.575 64.93s90.256 89.664 178.784 111.408c54.192 13.312 109.68 15.776 143.249 15.776c19.568 0 31.68-.848 31.68-.848s.016 20.352.016 160.031h.001zm-216.706-5.055c-12.496-12.496-32.769-12.496-45.249 0l-90.512 90.512l-90.511-90.512c-12.497-12.496-32.769-12.496-45.265 0s-12.496 32.769 0 45.249l90.512 90.512l-90.512 90.511c-12.496 12.48-12.496 32.753 0 45.25s32.769 12.496 45.265 0l90.511-90.512l90.512 90.511c12.48 12.497 32.753 12.497 45.249 0s12.496-32.768 0-45.249l-90.512-90.511L647.6 391.49c12.496-12.48 12.496-32.753 0-45.249z"/></svg>
كيفية استخدام أيقونة Shield
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:shield" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:shield" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:shield" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--shield]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:shield"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:shield"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/simple-line-icons/shield.svg" alt="أيقونة Shield" width="24" height="24">
أيقونة Shield في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Shield
هل أيقونة Shield مجانية للاستخدام التجاري؟
نعم. تُنشر Simple line icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Shield في React؟
ثبّت @iconify/react واعرض <Icon icon="simple-line-icons:shield" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Shield إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/simple-line-icons/shield.svg" alt="أيقونة Shield">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل Simple line icons →
ICONYZ
