ICONYZ
العربية
أيقونة Ros Light من Skill Icons

أيقونة Ros Light

skill-icons:ros-light

أيقونة Ros Light (skill-icons:ros-light) أيقونة SVG مجانية من مجموعة Skill Icons من تصميم tandpfun. مرسومة على شبكة 256 × 256. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Skill Icons
المؤلف
tandpfun
الترخيص
MIT
الحجم
256 × 256
الوسوم
roslight
تنزيل SVG

شيفرة 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="#f4f2ed" rx="60"/><path fill="#304060" d="M81.32 62.284c0 10.647-8.357 19.284-18.657 19.284C52.357 81.568 44 72.931 44 62.284C44 51.631 52.357 43 62.663 43c10.3 0 18.657 8.63 18.657 19.284m0 65.715c0 10.647-8.357 19.284-18.657 19.284c-10.306 0-18.663-8.637-18.663-19.284c0-10.653 8.357-19.284 18.663-19.284c10.3 0 18.657 8.631 18.657 19.284m0 65.716c0 10.647-8.357 19.285-18.657 19.285C52.357 213 44 204.362 44 193.715s8.357-19.284 18.663-19.284c10.3 0 18.657 8.638 18.657 19.284m65.115-65.716c0 10.647-8.35 19.284-18.656 19.284c-10.307 0-18.664-8.637-18.664-19.284c0-10.653 8.357-19.284 18.664-19.284c10.306 0 18.656 8.631 18.656 19.284m0-65.715c0 10.647-8.35 19.284-18.656 19.284c-10.307 0-18.664-8.637-18.664-19.284c0-10.653 8.357-19.284 18.664-19.284c10.306 0 18.656 8.63 18.656 19.284m65.123 65.715c0 10.647-8.357 19.284-18.664 19.284c-10.306 0-18.656-8.637-18.656-19.284c0-10.653 8.35-19.284 18.656-19.284c10.307 0 18.664 8.631 18.664 19.284m0-65.715c0 10.647-8.357 19.284-18.664 19.284c-10.306 0-18.656-8.637-18.656-19.284c0-10.653 8.35-19.284 18.656-19.284c10.307 0 18.664 8.63 18.664 19.284m0 131.431c0 10.647-8.357 19.285-18.664 19.285c-10.306 0-18.656-8.638-18.656-19.285s8.35-19.284 18.656-19.284c10.307 0 18.664 8.638 18.664 19.284m-65.122 0c0 10.647-8.351 19.285-18.657 19.285s-18.664-8.638-18.664-19.285s8.358-19.284 18.664-19.284s18.657 8.638 18.657 19.284"/></g></svg>

كيفية استخدام أيقونة Ros Light

React

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

<Icon icon="skill-icons:ros-light" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:ros-light" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:ros-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--ros-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:ros-light"></div>

مكوّن ويب

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

<iconify-icon icon="skill-icons:ros-light"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/skill-icons/ros-light.svg" alt="أيقونة Ros Light" width="24" height="24">

أيقونات ذات صلة في Skill Icons

أيقونة ros-dark
ros-dark

الأسئلة الشائعة حول أيقونة Ros Light

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

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

كيف أستخدم أيقونة Ros Light في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/skill-icons/ros-light.svg" alt="أيقونة Ros Light">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Skill Icons →