أيقونة Projectcompare
whh:projectcompare
أيقونة Projectcompare (whh:projectcompare) أيقونة 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 xmlns="http://www.w3.org/2000/svg" width="896" height="1024" viewBox="0 0 896 1024"><path fill="currentColor" d="M832 238v402q0 87-43 160.5T672.5 917T512 960v64L320 896l192-128v64q80 0 136-56t56-136V238q-29-17-46.5-46T640 128q0-53 37.5-90.5T768 0t90.5 37.5T896 128q0 35-17.5 64T832 238M768 64q-27 0-45.5 18.5T704 128t18.5 45.5t45 18.5t45.5-19t19-45.5t-18.5-45T768 64M384 192q-80 0-136 56t-56 136v402q29 17 46.5 46t17.5 64q0 53-37.5 90.5T128 1024t-90.5-37.5T0 896q0-35 17.5-64T64 786V384q0-87 43-160.5T223.5 107T384 64V0l192 128l-192 128zM128.5 832Q102 832 83 850.5T64 896t18.5 45.5T128 960t45.5-19t18.5-45.5t-18.5-45t-45-18.5"/></svg>كيفية استخدام أيقونة Projectcompare
React
import { Icon } from "@iconify/react";
<Icon icon="whh:projectcompare" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:projectcompare" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:projectcompare" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--projectcompare]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:projectcompare"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:projectcompare"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/projectcompare.svg" alt="أيقونة Projectcompare" width="24" height="24">الأسئلة الشائعة حول أيقونة Projectcompare
هل أيقونة Projectcompare مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Projectcompare في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:projectcompare" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Projectcompare إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/projectcompare.svg" alt="أيقونة Projectcompare">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.