ICONYZ
العربية
أيقونة Graphic Stitching Four من IconPark

أيقونة Graphic Stitching Four

icon-park:graphic-stitching-four

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

المجموعة
IconPark
المؤلف
ByteDance
الترخيص
Apache-2.0
الحجم
48 × 48
الفئة
تجريدية
الوسوم
graphicstitching، stitchingfour، graphicstitchingfour
تنزيل 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 fill="#2F88FF" d="M39 14C41.7614 14 44 11.7614 44 9C44 6.23858 41.7614 4 39 4C36.2386 4 34 6.23858 34 9C34 11.7614 36.2386 14 39 14Z"/><path fill="#2F88FF" d="M9 44C11.7614 44 14 41.7614 14 39C14 36.2386 11.7614 34 9 34C6.23858 34 4 36.2386 4 39C4 41.7614 6.23858 44 9 44Z"/><path fill="#2F88FF" d="M14 4H4V14H14V4Z"/><path fill="#2F88FF" d="M44 34H34V44H44V34Z"/><path d="M34 9H14"/><path d="M34 39H14"/><path d="M9 34V14"/><path d="M39 34V14"/></g></svg>

كيفية استخدام أيقونة Graphic Stitching Four

React

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

<Icon icon="icon-park:graphic-stitching-four" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:graphic-stitching-four" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:graphic-stitching-four" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--graphic-stitching-four]"></span>

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="icon-park:graphic-stitching-four"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/icon-park/graphic-stitching-four.svg" alt="أيقونة Graphic Stitching Four" width="24" height="24">

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

أيقونة Graphic Stitching Four في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Graphic Stitching Four

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

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

كيف أستخدم أيقونة Graphic Stitching Four في React؟

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

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

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

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