ICONYZ
العربية
أيقونة Playground 14 من OSM Icons

أيقونة Playground 14

osmic:playground-14

أيقونة Playground 14 (osmic:playground-14) أيقونة SVG مجانية من مجموعة OSM Icons من تصميم GMGeo. مرسومة على شبكة 14 × 14. تُنشر OSM Icons بموجب ترخيص CC0 1.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
OSM Icons
المؤلف
GMGeo
الترخيص
CC0-1.0
الحجم
14 × 14
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" d="M3.406 1C2.653 1.047 2 1.745 2 2.5C2 3.285 2.715 4 3.5 4S5 3.284 5 2.5C5.002 1.682 4.222.949 3.406 1m8 3C10.653 4.047 10 4.745 10 5.5c0 .785.715 1.5 1.5 1.5S13 6.284 13 5.5c.002-.818-.778-1.551-1.594-1.5M3 4.5c-1.471 0-1.866 1.873-1.969 2.875L0 7v1l5.969 2.125L5 14h4l-.937-3.125L14 13v-1l-.937-.344C13.227 10.795 13.75 7.5 12 7.5c-1.638 0-1.915 2.245-1.969 3.094L4.094 8.469C4.285 7.338 4.614 4.5 3 4.5"/></svg>

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

React

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

<Icon icon="osmic:playground-14" width="24" />

Vue

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

<template>
  <Icon icon="osmic:playground-14" width="24" />
</template>

Svelte

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

<Icon icon="osmic:playground-14" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[osmic--playground-14]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/osmic -->
<div class="i-osmic:playground-14"></div>

مكوّن ويب

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

<iconify-icon icon="osmic:playground-14"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/osmic/playground-14.svg" alt="أيقونة Playground 14" width="24" height="24">

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

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

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

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

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

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

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

تصفح كل OSM Icons →