رمز الريال السعودي.

HTML

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

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g transform="translate(-0.13 0.07)"><path d="M4.22 18.62L9.39 17.5C10.09 17.35 10.57 16.75 10.57 16.05V3.8" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/><path d="M14.37 4.75V16.02L20.05 14.84" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/><path d="M5.1 14.05L20.05 10.94" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/><path d="M13.7 20.06L20.05 18.74" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/></g></svg>

CSS

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

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

Figma

انسخ الـ SVG من الأعلى والصقه في Figma، فيظهر كـ vector قابل للتعديل. وهو موجود أيضًا في ملف Figma Community المجاني كـ component بالأشكال الأربعة.

React

في حزمة React المجانية اسمه SaudiRiyal: ثبّت @neaticons/react.