ICONYZ
العربية
أيقونة F Nine Key من IconPark

أيقونة F Nine Key

icon-park:f-nine-key

أيقونة F Nine Key (icon-park:f-nine-key) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
IconPark
المؤلف
ByteDance
الترخيص
Apache-2.0
الحجم
48 × 48
الفئة
العتاد
الوسوم
fnine، ninekey، fninekey
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><rect width="36" height="36" x="6" y="6" fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" rx="3"/><path stroke="#fff" d="M30 24C32.2091 24 34 22.2091 34 20C34 17.7909 32.2091 16 30 16C27.7909 16 26 17.7909 26 20C26 22.2091 27.7909 24 30 24Z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M26 29.1237C26.6179 30.8107 28.1078 32 29.8476 32C32.1409 32 34 30.549 34 28V20"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M21 16H14V32"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M14 24H21"/></g></svg>

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

React

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

<Icon icon="icon-park:f-nine-key" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:f-nine-key" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:f-nine-key" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--f-nine-key]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:f-nine-key"></div>

مكوّن ويب

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

<iconify-icon icon="icon-park:f-nine-key"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/icon-park/f-nine-key.svg" alt="أيقونة F Nine Key" width="24" height="24">

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

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

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

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

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

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

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

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

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

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