أيقونة Ninja

vs:ninja

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

المجموعة: Vesper Icons
المؤلف: TableCheck
الترخيص: OFL-1.1
الحجم: 1792 × 1536

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1536" viewBox="0 0 1792 1536"><path fill="currentColor" d="M320 512h896q96 0 142 86t40 229q-2 48-25.5 87.5t-57 61.5t-67 33.5t-61.5 11.5q-70 0-127.5-13T966 976.5T899.5 940T836 909t-68-13q-42 0-85 19.5t-78 43t-102.5 43T349 1021q-28 0-61.5-11.5T220 976t-57.5-61.5T137 827q-5-144 41-229.5T320 512m448 1024q156 0 298-61t245-163.5t163.5-245T1535 768q0-118-33-225l205 163l85-194l-313-34q-1-2-2-5t-2-5.5t-2-4.5l302-125l-127-173l-192 263q-95-193-280-310.5T768 0Q559 0 382.5 103T103 382.5T0 768t103 385.5T382.5 1433T768 1536M308 562l-52 142l125-3q-28 33-28 84q0 44 30.5 77.5T448 896q35 0 62.5-33t27.5-78q0-25-7-43l131 28l25-61zm920 0L849 709l25 61l131-28q-7 18-7 43q0 45 27.5 78t62.5 33q34 0 64.5-33.5T1183 785q0-51-28-84l125 3z"/></svg>

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

React

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

<Icon icon="vs:ninja" width="24" />

Vue

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

<template>
  <Icon icon="vs:ninja" width="24" />
</template>

Svelte

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

<Icon icon="vs:ninja" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="vs:ninja"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/vs/ninja.svg" alt="أيقونة Ninja" width="24" height="24">

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

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

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

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

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

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

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

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

تصفح كل Vesper Icons →