أيقونة Shield Check

vs:shield-check

أيقونة Shield Check (vs:shield-check) أيقونة SVG مجانية من مجموعة Vesper Icons من تصميم TableCheck. مرسومة على شبكة 2016 × 2176. تُنشر Vesper Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Vesper Icons
المؤلف: TableCheck
الترخيص: OFL-1.1
الحجم: 2016 × 2176
الوسوم: shieldcheck

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2016" height="2176" viewBox="0 0 2016 2176"><path fill="currentColor" d="m1000 20l1000 300q0 136-2.5 228t-13 217.5t-30 216t-55 205T1813 1391t-126.5 195t-172.5 196t-226.5 188.5T1000 2160q-158-92-287.5-189.5T486 1782t-172.5-196T187 1391t-86.5-204.5t-55-205t-30-216T2.5 548T0 320zm673 732q0-36-24-60l-118-118q-25-25-59-25q-33 0-58 25l-533 531l-294-295q-24-24-59-24t-59 24L351 928q-25 25-25 61q0 32 25 57l472 472q25 25 58 25q35 0 60-25l708-708q24-24 24-58"/></svg>

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

React

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

<Icon icon="vs:shield-check" width="24" />

Vue

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

<template>
  <Icon icon="vs:shield-check" width="24" />
</template>

Svelte

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

<Icon icon="vs:shield-check" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--shield-check]"></span>

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="vs:shield-check"></iconify-icon>

صورة HTML

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

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

أيقونة Shield Check في مجموعات أخرى

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

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

نعم. تُنشر Vesper Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Vesper Icons →