أيقونة Link
whh:link
أيقونة Link (whh:link) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 1024 × 1024
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M989 820L820 989q-34 35-83.5 35T652 989L483 820q-32-32-34-77.5t26-80.5l214 215q20 19 47.5 19t46.5-19l94-94q19-19 19-46.5T877 689L662 475q35-28 80.5-26t77.5 34l169 169q35 35 35 84.5T989 820M341 341q19-19 45-20t44 17l257 258q18 17 17 43.5T684 685t-45 19.5t-44-16.5L338 430q-18-18-17-44t20-45m-6-193q-19-20-46.5-20T241 148l-93 93q-20 20-20 47.5t20 46.5l214 214q-35 28-80.5 26T204 541L35 372Q0 337 0 287.5T35 203L204 35q34-35 83.5-35T372 35l169 168q32 33 34 78.5T549 362z"/></svg>
كيفية استخدام أيقونة Link
React
import { Icon } from "@iconify/react";
<Icon icon="whh:link" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:link" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:link" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--link]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:link"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:link"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/link.svg" alt="أيقونة Link" width="24" height="24">
أيقونات ذات صلة في WebHostingHub Glyphs
أيقونة Link في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Link
هل أيقونة Link مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Link في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:link" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Link إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/link.svg" alt="أيقونة Link">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات WebHostingHub Glyphs →
ICONYZ
