أيقونة External Link Alt
fa-solid:external-link-alt
أيقونة External Link Alt (fa-solid:external-link-alt) أيقونة SVG مجانية من مجموعة Font Awesome 5 Solid من تصميم Dave Gandy. مرسومة على شبكة 512 × 512. تُنشر Font Awesome 5 Solid icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Font Awesome 5 Solid
- المؤلف
- Dave Gandy
- الترخيص
- CC-BY-4.0
- الحجم
- 512 × 512
- الفئة
- الأسهم، الواجهات
- الوسوم
- externallink، linkalt، externallinkalt
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16M488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24"/></svg>كيفية استخدام أيقونة External Link Alt
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:external-link-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:external-link-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:external-link-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--external-link-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:external-link-alt"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:external-link-alt"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/fa-solid/external-link-alt.svg" alt="أيقونة External Link Alt" width="24" height="24">أيقونات ذات صلة في Font Awesome 5 Solid
أيقونة External Link Alt في مجموعات أخرى
الأسئلة الشائعة حول أيقونة External Link Alt
هل أيقونة External Link Alt مجانية للاستخدام التجاري؟
نعم. تُنشر Font Awesome 5 Solid icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة External Link Alt في React؟
ثبّت @iconify/react واعرض <Icon icon="fa-solid:external-link-alt" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة External Link Alt إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fa-solid/external-link-alt.svg" alt="أيقونة External Link Alt">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.