أيقونة Arc
صورة PNG شفافة عالية الجودة لـ Arc مناسبة للويب والطباعة.
كود متجه SVG محسن لـ Arc مخصص للمطورين.
مكون أيقونة React جاهز للاستخدام لـ Arc.
Use Arc in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
كيفية استخدام أيقونة Arc
انسخ أيقونة Arc كـ SVG مضمن، أو كود React، أو تضمين HTML، أو قناع CSS.
SVG مضمن
الصق كود SVG الخاص بـ Arc مباشرة في HTML أو JSX.
مكون React
استخدم Arc كمكون أيقونة React مُعرّف النوع.
import React from 'react';
export const ArcIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);تضمين HTML
استخدم رابط URL مستضاف لأيقونة Arc مع ذكر المصدر.
قناع CSS
استخدم Arc كأيقونة قناع CSS قابلة لتغيير اللون.
.arc-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #fcbfbd;
mask: url("https://www.aiuidesigner.com/icons/arc.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/arc.svg") center / contain no-repeat;
}تفاصيل أيقونة Arc
لون العلامة التجارية
الفئة
متصفح
التنسيقات
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
ملف SVG
2.6 كيلوبايت · 1 مسار
الترخيص
راجع إرشادات العلامة التجارية
المصدر
arc.netحول أيقونة Arc
icons.aboutParagraph1
استخدم روابط المصدر وإرشادات العلامة التجارية الموجودة في هذه الصفحة للتحقق من قواعد استخدام العلامة التجارية الحالية قبل استخدام شعار Arc في المشاريع التجارية، أو التوثيقات، أو نماذج واجهة المستخدم، أو صفحات التسويق.
Arc أسئلة متكررة حول أيقونة
Design a UI with the Arc icon
Generate a complete page that already uses this icon, color, and brand context.