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