ICONYZ
العربية
أيقونة Ruby Outlined من Ant Design Icons

أيقونة Ruby Outlined

ant-design:ruby-outlined

أيقونة Ruby Outlined (ant-design:ruby-outlined) أيقونة SVG مجانية من مجموعة Ant Design Icons من تصميم HeskeyBaozi. مرسومة على شبكة 1024 × 1024. تُنشر Ant Design Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Ant Design Icons
المؤلف
HeskeyBaozi
الترخيص
MIT
الحجم
1024 × 1024
الوسوم
rubyoutlined
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M509.815 112.02q-1.103.074-2.2.213h-4.328l-3.406 1.703a36.3 36.3 0 0 0-8.87 4.4l-145.96 73.013l-153.695 153.692l-72.66 145.247a36.3 36.3 0 0 0-4.897 9.863l-1.561 3.122v3.974a36.3 36.3 0 0 0 0 8.302v298.229l6.883 9.508c5.975 8.28 12.713 16.544 20.578 24.41c37.856 37.854 87.664 57.169 142.625 62.015a36.3 36.3 0 0 0 11.566 1.774h575.753c3.14.534 6.337.654 9.508.355a36 36 0 0 0 2.554-.355h29.803V881.54a36.3 36.3 0 0 0 0-11.92V293.88a36.3 36.3 0 0 0-1.774-11.566c-4.848-54.956-24.165-104.757-62.017-142.622h-.071v-.07c-7.85-7.807-16.071-14.49-24.268-20.436l-9.58-6.954h-298.66a36 36 0 0 0-5.322-.213m133.188 72.872h145.96c2.467 2.081 5.248 4.054 7.451 6.245c26.585 26.63 40.964 64.743 42.291 111.188zm-132.691 5.11l65.707 39.38l-25.474 156.104l-64.359 64.357l-100.69 100.687l-156.107 25.473l-39.381-65.705l61.095-122.258L388.05 251.095zm132.762 79.612l123.183 73.937l-138.084 17.242zm178.814 140.21c-21.21 68.248-62.66 142.573-122.402 211.875l-65.85-188.389zm-252.54 59.603l53.645 153.55l-153.553-53.643l68.12-68.119zm269.499 81.032v236.994L738.44 687.05c40.102-43.738 73.727-89.827 100.406-136.59m-478.044 77.697L343.56 766.238l-73.938-123.18zm72.52 5.464l188.322 65.847c-69.283 59.712-143.574 101.195-211.81 122.4zm-248.424 9.366l117.435 195.698c-46.5-1.327-84.636-15.736-111.262-42.361c-2.161-2.162-4.113-4.939-6.173-7.38zm502.169 95.436l100.405 100.404h-237c46.768-26.68 92.86-60.308 136.595-100.404"/></svg>

كيفية استخدام أيقونة Ruby Outlined

React

import { Icon } from "@iconify/react";

<Icon icon="ant-design:ruby-outlined" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ant-design:ruby-outlined" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ant-design:ruby-outlined" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--ruby-outlined]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:ruby-outlined"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ant-design:ruby-outlined"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ant-design/ruby-outlined.svg" alt="أيقونة Ruby Outlined" width="24" height="24">

الأسئلة الشائعة حول أيقونة Ruby Outlined

هل أيقونة Ruby Outlined مجانية للاستخدام التجاري؟

نعم. تُنشر Ant Design Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Ruby Outlined في React؟

ثبّت @iconify/react واعرض <Icon icon="ant-design:ruby-outlined" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Ruby Outlined إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ant-design/ruby-outlined.svg" alt="أيقونة Ruby Outlined">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Ant Design Icons →