أيقونة Topborder

whh:topborder

أيقونة Topborder (whh:topborder) أيقونة 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

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960"><path fill="currentColor" d="M896 960v-64h64v64zm0-192h64v64h-64zm0-128h64v64h-64zm0-128h64v64h-64zm-64-64h64v64h-64zm128-64v64h-64v-64zm-64-128h64v64h-64zm0-128h64v64h-64zM512 64v64h-64V64H0V0h960v64zM64 192H0v-64h64zm0 128H0v-64h64zm0 128H0v-64h64zm64 64H64v-64h64zM0 576v-64h64v64zm64 128H0v-64h64zm0 128H0v-64h64zm0 128H0v-64h64zm128 0h-64v-64h64zm64-448h-64v-64h64zm64-64h64v64h-64zm0 512h-64v-64h64zm192-192h-64v-64h64zm0-128h-64v-64h64zm0-128h-64v-64h64zm-64-320h64v64h-64zm64 192h-64v-64h64zm64 64h64v64h-64zm-64 384v64h-64v-64zm64 128h-64v-64h64zm-128 0h-64v-64h64zm256-512h64v64h-64zm0 512h-64v-64h64zm128 0h-64v-64h64z"/></svg>

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

React

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

<Icon icon="whh:topborder" width="24" />

Vue

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

<template>
  <Icon icon="whh:topborder" width="24" />
</template>

Svelte

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

<Icon icon="whh:topborder" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="whh:topborder"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

تصفح كل أيقونات WebHostingHub Glyphs →