ICONYZ
العربية
أيقونة Vineapp من WebHostingHub Glyphs

أيقونة Vineapp

whh:vineapp

أيقونة Vineapp (whh:vineapp) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 896 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
WebHostingHub Glyphs
المؤلف
WebHostingHub
الترخيص
OFL-1.1
الحجم
896 × 1024
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="896" height="1024" viewBox="0 0 896 1024"><path fill="currentColor" d="M896 512v125q-35 3-64 3h-32q-35 74-81.5 140.5t-89 109T547 964t-65.5 46t-33.5 14q-9 0-36-15.5t-68.5-49t-87-81t-91.5-118T82.5 609T23 419T0 192h128q0 92 17 176.5t43.5 147T248 632t66 89.5t62.5 61.5t48 37.5T448 832q12 0 43.5-22t64.5-53.5t58.5-73T640 608q-4-2-11-6t-27-19.5t-38-34.5t-40-52t-38-70t-27-90t-11-112q0-62 36.5-115T572 28T672 0q103 0 163.5 55.5T896 192q0 192-32 256H736q32-128 32-224q0-41-28-68.5T672 128q-41 0-68.5 26T576 224q0 38 8.5 75t31 76.5t57 69t92 48.5T896 512"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

أيقونات ذات صلة في WebHostingHub Glyphs

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

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

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

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

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

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

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

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