أيقونة Nine

glyphs-poly:nine

أيقونة Nine (glyphs-poly:nine) أيقونة SVG مجانية من مجموعة Glyphs Poly من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs Poly icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Glyphs Poly
المؤلف: Goran Spasojevic
الترخيص: MIT
الحجم: 80 × 80

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="#f2994a" d="M34 62a2 2 0 1 0 0 4zm17.986-29.952l-2-.007zM50 40v7h4v-7zM26 28v4.007h4V28zm9 34h-1v4h1zm15-34v12h4V28zm3.986 4.055L54 28.007l-4-.014l-.014 4.048zM26 32.007C26 39.735 32.265 46 39.993 46v-4C34.474 42 30 37.526 30 32.007zM39.993 46c7.71 0 13.967-6.236 13.993-13.945l-4-.014C49.967 37.547 45.5 42 39.993 42zM50 47c0 8.284-6.716 15-15 15v4c10.493 0 19-8.507 19-19zM40 18c5.523 0 10 4.477 10 10h4c0-7.732-6.268-14-14-14zM30 28c0-5.523 4.477-10 10-10v-4c-7.732 0-14 6.268-14 14z"/></svg>

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

React

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

<Icon icon="glyphs-poly:nine" width="24" />

Vue

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

<template>
  <Icon icon="glyphs-poly:nine" width="24" />
</template>

Svelte

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

<Icon icon="glyphs-poly:nine" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--nine]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:nine"></div>

مكوّن ويب

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

<iconify-icon icon="glyphs-poly:nine"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs-poly/nine.svg" alt="أيقونة Nine" width="24" height="24">

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

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

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

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

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

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

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

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

تصفح كل أيقونات Glyphs Poly →