أيقونة Outerborders
whh:outerborders
أيقونة Outerborders (whh:outerborders) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 960 × 960. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 960 × 960
- الوسوم
- outerborder
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960"><path fill="currentColor" d="M0 960V0h960v960zm896-448h-64v-64h64V64H512v64h-64V64H64v384h64v64H64v384h384v-64h64v64h384zm-256 0h-64v-64h64zm128 0h-64v-64h64zM448 704h64v64h-64zm0-128h64v64h-64zm0-128h64v64h-64zm0-128h64v64h-64zm0-128h64v64h-64zM320 448h64v64h-64zm-128 0h64v64h-64z"/></svg>كيفية استخدام أيقونة Outerborders
React
import { Icon } from "@iconify/react";
<Icon icon="whh:outerborders" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:outerborders" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:outerborders" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--outerborders]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:outerborders"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:outerborders"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/outerborders.svg" alt="أيقونة Outerborders" width="24" height="24">الأسئلة الشائعة حول أيقونة Outerborders
هل أيقونة Outerborders مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Outerborders في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:outerborders" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Outerborders إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/outerborders.svg" alt="أيقونة Outerborders">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.