أيقونة Pin 3
icons8:pin-3
أيقونة Pin 3 (icons8:pin-3) أيقونة SVG مجانية من مجموعة Icons8 Windows 10 Icons من تصميم Icons8. مرسومة على شبكة 32 × 32. تُنشر Icons8 Windows 10 Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Icons8 Windows 10 Icons
- المؤلف
- Icons8
- الترخيص
- MIT
- الحجم
- 32 × 32
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m20.47 2.563l-.72.75c-1.045 1.15-1.542 2.605-1.656 4.062l-4.063 4.063c-2.47-.44-5.127.253-7.03 2.156l-.72.72l.72.686l4.313 4.313L3 27.593V29h1.406l8.282-8.313l4.218 4.22l.688.718l.718-.72c2.096-2.094 2.69-4.973 2.063-7.56l3.563-3.564c1.737.208 3.513-.293 4.78-1.56l.688-.72l-.687-.72l-7.5-7.5l-.75-.717zm.218 3.062l5.687 5.688c-.825.466-1.716.758-2.625.53l-.563-.155l-.406.406l-4.186 4.187l-.438.44l.188.593c.587 1.762.315 3.75-.844 5.375L9.312 14.5c1.455-1 3.206-1.46 4.844-1.03l.53.155l.408-.406l4.625-4.626l.28-.28v-.408c0-.803.293-1.563.688-2.28z"/></svg>كيفية استخدام أيقونة Pin 3
React
import { Icon } from "@iconify/react";
<Icon icon="icons8:pin-3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icons8:pin-3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icons8:pin-3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icons8--pin-3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icons8 -->
<div class="i-icons8:pin-3"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icons8:pin-3"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/icons8/pin-3.svg" alt="أيقونة Pin 3" width="24" height="24">الأسئلة الشائعة حول أيقونة Pin 3
هل أيقونة Pin 3 مجانية للاستخدام التجاري؟
نعم. تُنشر Icons8 Windows 10 Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Pin 3 في React؟
ثبّت @iconify/react واعرض <Icon icon="icons8:pin-3" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Pin 3 إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icons8/pin-3.svg" alt="أيقونة Pin 3">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.