أيقونة Zap
keyline-icons:zap
أيقونة Zap (keyline-icons:zap) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Keyline Icons
- المؤلف
- Keyline Icons
- الترخيص
- MIT
- الحجم
- 24 × 24
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.9611 3.1513L3.1443 13.1497C3.0525 13.2432 3.001 13.369 3.001 13.5C3.001 13.7761 3.2249 14 3.501 14L9.8656 14C10.4178 14 10.8656 14.4477 10.8656 15C10.8656 15.0419 10.8629 15.0839 10.8577 15.1255L10.1861 20.4357C10.1834 20.4565 10.1821 20.4774 10.1821 20.4984C10.1821 20.7745 10.406 20.9984 10.6821 20.9984C10.8163 20.9984 10.9449 20.9445 11.0389 20.8487L20.8557 10.8503C20.9475 10.7568 20.999 10.631 20.999 10.5C20.999 10.2239 20.7751 10 20.499 10L14.1344 10C13.5822 10 13.1344 9.5523 13.1344 9C13.1344 8.9581 13.1371 8.9161 13.1423 8.8745L13.8139 3.5643C13.8166 3.5435 13.8179 3.5226 13.8179 3.5016C13.8179 3.2255 13.594 3.0016 13.3179 3.0016C13.1837 3.0016 13.0551 3.0555 12.9611 3.1513Z"/></svg>كيفية استخدام أيقونة Zap
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:zap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:zap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:zap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--zap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:zap"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:zap"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/zap.svg" alt="أيقونة Zap" width="24" height="24">أيقونات ذات صلة في Keyline Icons
zap-duotone
zap-fill
zap-off
zap-off-duotone
zap-off-fill
zap-off-sharp
zap-off-sharp-duotone
zap-off-sharp-fill
zap-off-sharp-two-tone
zap-off-two-tone
zap-sharp
zap-sharp-duotone
zap-sharp-fill
zap-sharp-two-tone
zap-sparkles
zap-sparkles-duotone
zap-sparkles-fill
zap-sparkles-sharp
zap-sparkles-sharp-duotone
zap-sparkles-sharp-fill
zap-sparkles-sharp-two-tone
zap-sparkles-two-tone
zap-two-tone
أيقونة Zap في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Zap
هل أيقونة Zap مجانية للاستخدام التجاري؟
نعم. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Zap في React؟
ثبّت @iconify/react واعرض <Icon icon="keyline-icons:zap" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Zap إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/keyline-icons/zap.svg" alt="أيقونة Zap">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.