أيقونة Designcontest
whh:designcontest
أيقونة Designcontest (whh:designcontest) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 961 × 1025. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 961 × 1025
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="961" height="1025" viewBox="0 0 961 1025"><path fill="currentColor" d="M913 326L658 580L401 325q-15-15-36.5-15T328 325t-15 36.5t15 36.5l367 363q46 46 46 110t-46 109t-110.5 45T475 980L107 616q-69-69-94-162t0-185.5t94.5-162t163.5-94t187.5 0T622 107l36 36l47-46q21-21 57-29.5t78.5 2T913 110q47 47 47.5 109T913 326m-240-5L545 193q-62-62-130-84t-129-4.5T173 174q-50 50-68 112.5t-3 122T161 513l384 384q32 32 64 0t0-64L238 461q-46-46-46-111t46-112q30-29 71.5-40t79-3.5T449 225l160 160q15 15 32 15t32-15q32-32 0-64"/></svg>كيفية استخدام أيقونة Designcontest
React
import { Icon } from "@iconify/react";
<Icon icon="whh:designcontest" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:designcontest" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:designcontest" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--designcontest]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:designcontest"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:designcontest"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/designcontest.svg" alt="أيقونة Designcontest" width="24" height="24">الأسئلة الشائعة حول أيقونة Designcontest
هل أيقونة Designcontest مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Designcontest في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:designcontest" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Designcontest إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/designcontest.svg" alt="أيقونة Designcontest">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.