أيقونة Ring

game-icons:ring

أيقونة Ring (game-icons:ring) أيقونة SVG مجانية من مجموعة Game Icons من تصميم GameIcons. مرسومة على شبكة 512 × 512. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Game Icons
المؤلف: GameIcons
الترخيص: CC-BY-3.0
الحجم: 512 × 512

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M255.157 123c-68.66 0-137.1 18.922-182.867 55.275c.234 14.35 1.818 35.624 9.332 48.23c110.634-60.336 236.436-60.336 347.07 0c7.513-12.606 9.098-33.88 9.332-48.23C392.257 141.922 323.817 123 255.157 123m199.81 76.057c-.324 2.98-.718 6.02-1.246 9.082c-2.226 12.93-6.213 26.458-15.99 35.98c-14.436 18.637-40.806 30.462-72.858 38.603C332.392 290.973 293.79 295 255.157 295s-77.235-4.028-109.715-12.277c-31.907-8.104-58.17-19.868-72.648-38.36c-11.983-11.982-16.234-28.786-17.77-43.857c-13.73 27.256-11.503 62.122.672 98.648C69.988 342.03 129.406 389 255.156 389s185.17-46.97 199.462-89.846l.1-.297l.12-.287c15.134-36.712 15.61-71.983.13-99.513z"/></svg>

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

React

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

<Icon icon="game-icons:ring" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:ring" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:ring" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--ring]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:ring"></div>

مكوّن ويب

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

<iconify-icon icon="game-icons:ring"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/game-icons/ring.svg" alt="أيقونة Ring" width="24" height="24">

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

أيقونة Ring في مجموعات أخرى

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

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

نعم. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

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

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

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

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

تصفح كل Game Icons →