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

أيقونة Code

whh:code

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

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="769" viewBox="0 0 1024 769"><path fill="currentColor" d="M1006 428L744 751q-18 18-43.5 18T657 751t-18-43t18-43l227-280l-227-280q-18-18-18-43.5T657 18t43.5-18T744 18l262 323q18 18 18 43.5t-18 43.5M367 751q-18 18-43.5 18T280 751L18 428Q0 410 0 384.5T18 341L280 18q18-18 43.5-18T367 18t18 43.5t-18 43.5L140 385l227 280q18 18 18 43t-18 43"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

أيقونة Code في مجموعات أخرى

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

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

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

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

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

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

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

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