أيقونة Social 500px

foundation:social-500px

أيقونة Social 500px (foundation:social-500px) أيقونة SVG مجانية من مجموعة Foundation من تصميم Zurb. مرسومة على شبكة 100 × 100. تُنشر Foundation icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Foundation
المؤلف: Zurb
الترخيص: MIT
الحجم: 100 × 100
الوسوم: social500px

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M65.193 43.131q-1.546.001-2.975.656q-1.43.657-2.704 1.661a24 24 0 0 0-2.434 2.201q-1.159 1.198-2.086 2.201a36 36 0 0 0 2.163 2.278a18 18 0 0 0 2.472 2.008a13.2 13.2 0 0 0 2.743 1.429q1.429.541 3.051.541q2.858 0 4.404-1.854q1.545-1.853 1.545-4.557t-1.661-4.635q-1.66-1.928-4.518-1.929m-21.631 4.518a26 26 0 0 0-2.588-2.201a15 15 0 0 0-2.82-1.661q-1.469-.656-2.935-.656q-2.705 0-4.288 2.047q-1.584 2.046-1.584 4.596q0 2.781 1.622 4.557t4.481 1.776q1.466 0 2.935-.579a14.4 14.4 0 0 0 2.781-1.468q1.313-.888 2.472-2.008a32 32 0 0 0 2.086-2.201a57 57 0 0 0-2.162-2.202"/><path d="M79 14H21a7 7 0 0 0-7 7v58a7 7 0 0 0 7 7h58a7 7 0 0 0 7-7V21a7 7 0 0 0-7-7m-1.292 41.102q-.927 2.626-2.627 4.596q-1.701 1.97-4.21 3.089q-2.512 1.12-5.601 1.12q-2.395 0-4.481-.733a17.7 17.7 0 0 1-3.901-1.931a23.3 23.3 0 0 1-3.438-2.781a53 53 0 0 1-3.09-3.282a414 414 0 0 1-3.168 3.282a22 22 0 0 1-3.284 2.781a16.4 16.4 0 0 1-3.785 1.931q-2.047.733-4.597.733q-3.168 0-5.64-1.12q-2.473-1.117-4.249-3.012q-1.778-1.892-2.704-4.519q-.927-2.625-.927-5.639q0-3.01.888-5.6q.887-2.587 2.588-4.479q1.698-1.891 4.172-3.013q2.472-1.118 5.562-1.119q2.55 0 4.674.773a16.8 16.8 0 0 1 3.94 2.046q1.815 1.276 3.399 2.935a71 71 0 0 1 3.129 3.515a76 76 0 0 1 3.051-3.476a21.6 21.6 0 0 1 3.399-2.975a16.8 16.8 0 0 1 3.94-2.046q2.124-.773 4.597-.773q3.09 0 5.562 1.081q2.47 1.083 4.172 2.974q1.698 1.893 2.627 4.441q.927 2.549.927 5.561c0 3.012-.306 3.89-.925 5.64"/></g></svg>

كيفية استخدام أيقونة Social 500px

React

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

<Icon icon="foundation:social-500px" width="24" />

Vue

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

<template>
  <Icon icon="foundation:social-500px" width="24" />
</template>

Svelte

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

<Icon icon="foundation:social-500px" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--social-500px]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:social-500px"></div>

مكوّن ويب

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

<iconify-icon icon="foundation:social-500px"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/foundation/social-500px.svg" alt="أيقونة Social 500px" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Social 500px

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

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

كيف أستخدم أيقونة Social 500px في React؟

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

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

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

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