ICONYZ
العربية
أيقونة Bezier Curve من Glyphs Poly

أيقونة Bezier Curve

glyphs-poly:bezier-curve

أيقونة Bezier Curve (glyphs-poly:bezier-curve) أيقونة SVG مجانية من مجموعة Glyphs Poly من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs Poly icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Glyphs Poly
المؤلف
Goran Spasojevic
الترخيص
MIT
الحجم
80 × 80
الوسوم
beziercurve
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#6fcf97" d="m34.499 26.693l1.936-.498l-.997-3.874l-1.937.498zm12-3.874l-1.937-.498l-.997 3.874l1.937.498zM62 50v2h4v-2zm-48 0v2h4v-2zm4-2c0-10.248 7.01-18.865 16.499-21.307l-.998-3.874C22.289 25.705 14 35.882 14 48zm27.502-21.307C54.99 29.135 62 37.752 62 48h4c0-12.118-8.288-22.295-19.501-25.18zM62 48v2h4v-2zm-44 2v-2h-4v2z"/><path fill="#6fcf97" d="M14 22h-2v4h2zm20 4h2v-4h-2zm12-4h-2v4h2zm20 4h2v-4h-2zm-52 0h20v-4H14zm32 0h20v-4H46z"/><path fill="#f2c94c" stroke="#f2c94c" stroke-linecap="square" stroke-linejoin="round" stroke-width="4" d="M58 50h12v12H58zm-48 0h12v12H10zm24-32h12v12H34z"/><circle cx="10" cy="24" r="4" fill="#eb5757" stroke="#eb5757" stroke-linecap="square" stroke-linejoin="round" stroke-width="4"/><circle cx="70" cy="24" r="4" fill="#eb5757" stroke="#eb5757" stroke-linecap="square" stroke-linejoin="round" stroke-width="4"/></g></svg>

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

React

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

<Icon icon="glyphs-poly:bezier-curve" width="24" />

Vue

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

<template>
  <Icon icon="glyphs-poly:bezier-curve" width="24" />
</template>

Svelte

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

<Icon icon="glyphs-poly:bezier-curve" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--bezier-curve]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:bezier-curve"></div>

مكوّن ويب

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

<iconify-icon icon="glyphs-poly:bezier-curve"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs-poly/bezier-curve.svg" alt="أيقونة Bezier Curve" width="24" height="24">

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

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

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

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

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

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

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

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

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

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