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