أيقونة Ruby
skill-icons:ruby
أيقونة Ruby (skill-icons:ruby) أيقونة SVG مجانية من مجموعة Skill Icons من تصميم tandpfun. مرسومة على شبكة 256 × 256. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Skill Icons
- المؤلف
- tandpfun
- الترخيص
- MIT
- الحجم
- 256 × 256
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#e43717" rx="60"/><g fill-rule="evenodd" clip-path="url(#SVGanFeIbkr)" clip-rule="evenodd"><path fill="url(#SVGysfDGcIy)" d="M177.454 156.477L74.685 217.5l133.066-9.029L218 74.294z"/><path fill="url(#SVGmWXJBbOA)" d="m207.969 208.379l-11.437-78.939l-31.153 41.137z"/><path fill="url(#SVGk887rbsV)" d="m208.124 208.379l-83.79-6.577l-49.204 15.527z"/><path fill="url(#SVGJEZweXBC)" d="m75.248 217.346l20.932-68.573l-46.06 9.849z"/><path fill="url(#SVGW7xXpc0k)" d="m165.371 170.804l-19.26-75.442l-55.119 51.666z"/><path fill="url(#SVGlq2nEeuk)" d="m213.63 96.425l-52.102-42.554l-14.509 46.906z"/><path fill="url(#SVG5evk4cLJ)" d="m189.264 38.7l-30.643 16.934l-19.333-17.162z"/><path fill="url(#SVGkIFOzbgb)" d="m38 181.624l12.837-23.412l-10.384-27.891z"/><path fill="#fff" d="m39.763 129.44l10.447 29.635l45.398-10.185l51.829-48.168l14.627-46.46L139.033 38L99.877 52.654C87.54 64.128 63.6 86.832 62.738 87.259c-.854.436-15.807 28.699-22.975 42.181"/><path fill="url(#SVGYD4Oh66t)" d="M76.448 76.202c26.736-26.51 61.205-42.172 74.432-28.826c13.22 13.346-.799 45.779-27.536 72.279c-26.737 26.501-60.778 43.027-73.997 29.681c-13.228-13.337.364-46.633 27.1-73.134"/><path fill="url(#SVGjZrz7bTR)" d="m75.248 217.319l20.768-68.792l68.973 22.159c-24.938 23.384-52.674 43.153-89.74 46.633"/><path fill="url(#SVGPd9cNcHs)" d="m147.528 100.586l17.707 70.136c20.831-21.904 39.528-45.452 48.685-74.578z"/><path fill="url(#SVG1iQ4levs)" d="M213.739 96.498c7.086-21.386 8.722-52.066-24.694-57.762L161.627 53.88z"/><path fill="#9e1209" d="M38 181.315c.981 35.296 26.446 35.822 37.294 36.132L50.237 158.93z"/><path fill="url(#SVGXvSIIb5v)" d="M147.627 100.695c16.008 9.839 48.269 29.599 48.923 29.962c1.017.573 13.909-21.74 16.835-34.35z"/><path fill="url(#SVGEfMMYdSG)" d="m95.99 148.527l27.763 53.565c16.416-8.903 29.272-19.75 41.046-31.37z"/><path fill="url(#SVGLb8IfeSM)" d="m50.128 159.002l-3.933 46.842c7.422 10.139 17.633 11.02 28.345 10.23c-7.75-19.287-23.23-57.853-24.412-57.072"/><path fill="url(#SVGTNbH0cxp)" d="m161.464 53.999l55.155 7.74c-2.943-12.474-11.983-20.523-27.391-23.04z"/></g><defs><linearGradient id="SVGysfDGcIy" x1="196.145" x2="158.172" y1="233.825" y2="166.782" gradientUnits="userSpaceOnUse"><stop stop-color="#fb7655"/><stop offset=".41" stop-color="#e42b1e"/><stop offset=".99" stop-color="#900"/><stop offset="1" stop-color="#900"/></linearGradient><linearGradient id="SVGmWXJBbOA" x1="215.061" x2="166.123" y1="177.506" y2="144.666" gradientUnits="userSpaceOnUse"><stop stop-color="#871101"/><stop offset=".99" stop-color="#911209"/><stop offset="1" stop-color="#911209"/></linearGradient><linearGradient id="SVGk887rbsV" x1="175.905" x2="126.969" y1="235.857" y2="203.017" gradientUnits="userSpaceOnUse"><stop stop-color="#871101"/><stop offset=".99" stop-color="#911209"/><stop offset="1" stop-color="#911209"/></linearGradient><linearGradient id="SVGJEZweXBC" x1="73.155" x2="80.742" y1="153.734" y2="203.038" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".23" stop-color="#e57252"/><stop offset=".46" stop-color="#de3b20"/><stop offset=".99" stop-color="#a60003"/><stop offset="1" stop-color="#a60003"/></linearGradient><linearGradient id="SVGW7xXpc0k" x1="125.336" x2="128.131" y1="107.695" y2="158.014" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".23" stop-color="#e4714e"/><stop offset=".56" stop-color="#be1a0d"/><stop offset=".99" stop-color="#a80d00"/><stop offset="1" stop-color="#a80d00"/></linearGradient><linearGradient id="SVGlq2nEeuk" x1="171.642" x2="180.01" y1="61.186" y2="97.249" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".18" stop-color="#e46342"/><stop offset=".4" stop-color="#c82410"/><stop offset=".99" stop-color="#a80d00"/><stop offset="1" stop-color="#a80d00"/></linearGradient><linearGradient id="SVG5evk4cLJ" x1="146.089" x2="182.15" y1="48.485" y2="30.455" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".54" stop-color="#c81f11"/><stop offset=".99" stop-color="#bf0905"/><stop offset="1" stop-color="#bf0905"/></linearGradient><linearGradient id="SVGkIFOzbgb" x1="41.546" x2="44.514" y1="141.164" y2="170.879" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".31" stop-color="#de4024"/><stop offset=".99" stop-color="#bf190b"/><stop offset="1" stop-color="#bf190b"/></linearGradient><linearGradient id="SVGYD4Oh66t" x1="21.142" x2="160.661" y1="178.912" y2="35.448" gradientUnits="userSpaceOnUse"><stop stop-color="#bd0012"/><stop offset=".07" stop-color="#fff"/><stop offset=".17" stop-color="#fff"/><stop offset=".27" stop-color="#c82f1c"/><stop offset=".33" stop-color="#820c01"/><stop offset=".46" stop-color="#a31601"/><stop offset=".72" stop-color="#b31301"/><stop offset=".99" stop-color="#e82609"/><stop offset="1" stop-color="#e82609"/></linearGradient><linearGradient id="SVGjZrz7bTR" x1="128.009" x2="85.985" y1="193.383" y2="183.011" gradientUnits="userSpaceOnUse"><stop stop-color="#8c0c01"/><stop offset=".54" stop-color="#990c00"/><stop offset=".99" stop-color="#a80d0e"/><stop offset="1" stop-color="#a80d0e"/></linearGradient><linearGradient id="SVGPd9cNcHs" x1="200.19" x2="162.857" y1="142.944" y2="109.484" gradientUnits="userSpaceOnUse"><stop stop-color="#7e110b"/><stop offset=".99" stop-color="#9e0c00"/><stop offset="1" stop-color="#9e0c00"/></linearGradient><linearGradient id="SVG1iQ4levs" x1="213.906" x2="195.31" y1="81.55" y2="61.67" gradientUnits="userSpaceOnUse"><stop stop-color="#79130d"/><stop offset=".99" stop-color="#9e120b"/><stop offset="1" stop-color="#9e120b"/></linearGradient><linearGradient id="SVGLb8IfeSM" x1="62.229" x2="47.075" y1="217.279" y2="165.863" gradientUnits="userSpaceOnUse"><stop stop-color="#8b2114"/><stop offset=".43" stop-color="#9e100a"/><stop offset=".99" stop-color="#b3100c"/><stop offset="1" stop-color="#b3100c"/></linearGradient><linearGradient id="SVGTNbH0cxp" x1="178.491" x2="212.466" y1="46.901" y2="61.899" gradientUnits="userSpaceOnUse"><stop stop-color="#b31000"/><stop offset=".44" stop-color="#910f08"/><stop offset=".99" stop-color="#791c12"/><stop offset="1" stop-color="#791c12"/></linearGradient><radialGradient id="SVGXvSIIb5v" cx="0" cy="0" r="1" gradientTransform="translate(168.67 110.124)scale(45.7496)" gradientUnits="userSpaceOnUse"><stop stop-color="#a80d00"/><stop offset=".99" stop-color="#7e0e08"/><stop offset="1" stop-color="#7e0e08"/></radialGradient><radialGradient id="SVGEfMMYdSG" cx="0" cy="0" r="1" gradientTransform="translate(105.313 170.414)scale(60.818)" gradientUnits="userSpaceOnUse"><stop stop-color="#a30c00"/><stop offset=".99" stop-color="#800e08"/><stop offset="1" stop-color="#800e08"/></radialGradient><clipPath id="SVGanFeIbkr"><path fill="#fff" d="M38 38h180v179.5H38z"/></clipPath></defs></g></svg>كيفية استخدام أيقونة Ruby
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:ruby" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:ruby" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:ruby" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--ruby]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:ruby"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:ruby"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/ruby.svg" alt="أيقونة Ruby" width="24" height="24">أيقونة Ruby في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Ruby
هل أيقونة Ruby مجانية للاستخدام التجاري؟
نعم. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Ruby في React؟
ثبّت @iconify/react واعرض <Icon icon="skill-icons:ruby" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Ruby إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/skill-icons/ruby.svg" alt="أيقونة Ruby">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.