رمز الدرهم الإماراتي.

HTML

الصق الـ SVG في صفحة HTML. لونه currentColor، فيأخذ لون النص المحيط به.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M5.35 5.5C5.35 4.67 6.03 4 6.85 4H11.1C15.4 4 18.9 7.6 18.9 12C18.9 16.4 15.4 20 11.1 20H6.85C6.03 20 5.35 19.32 5.35 18.5Z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/><path d="M2.85 10.1H21.15" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/><path d="M2.85 13.9H21.15" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/></svg>

CSS

أو احفظ الملف مرة واحدة وارسمه بـ CSS mask. يتبع حجم الخط ولون النص.

.aed {
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  vertical-align: -0.08em;
  background: currentColor;
  mask: url(/dirham.svg) center / contain no-repeat;
}

Figma

انسخ الـ SVG من الأعلى والصقه في Figma، فيظهر كـ vector قابل للتعديل ويمكنك تحويله إلى component.

React

موجود في حزمة React الكاملة باسم Dirham، ويدخل النسخة المجانية مع الإصدار القادم. حتى ذلك الحين يكفيك الـ SVG من الأعلى.