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

أيقونة Fontcase

whh:fontcase

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

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1026" height="1023" viewBox="0 0 1026 1023"><path fill="currentColor" d="M979 1023h-31q-26 0-50.5-18.5T864 959l-21-64H566l-21 64q-8 27-32.5 45.5T462 1023h-31q-27 0-39.5-18.5T388 959l188-575q8-27 32.5-45.5T659 320h91q26 0 50.5 18.5T834 384l188 575q8 27-4.5 45.5T979 1023M705 471l-97 296h194zM353 172L246 576h204l-42 127H212l-50 192q-9 27-33.5 45.5T78 959H47q-26 0-38.5-18.5T4 895L224 64q9-26 33.5-45T308 0h91q26 0 50.5 19T482 64l61 229l-87 266z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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