ICONYZ
العربية
أيقونة Code Brackets من IconPark

أيقونة Code Brackets

icon-park:code-brackets

أيقونة Code Brackets (icon-park:code-brackets) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
IconPark
المؤلف
ByteDance
الترخيص
Apache-2.0
الحجم
48 × 48
الفئة
التحرير
الوسوم
codebrackets، bracket
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M16 4C14 4 11 5 11 9C11 13 11 15 11 18C11 21 6 23 6 23C6 23 11 25 11 28C11 31 11 35 11 39C11 43 14 44 16 44"/><path d="M32 4C34 4 37 5 37 9C37 13 37 15 37 18C37 21 42 23 42 23C42 23 37 25 37 28C37 31 37 35 37 39C37 43 34 44 32 44"/></g></svg>

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

React

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

<Icon icon="icon-park:code-brackets" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:code-brackets" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:code-brackets" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="icon-park:code-brackets"></iconify-icon>

صورة HTML

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

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

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

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

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

نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

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