أيقونة Social Google Plus

foundation:social-google-plus

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

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

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M25.194 51.591q2.636 2.068 6.026 2.068q4.282-.158 7.138-3.076q1.377-2.066 1.77-4.24q.236-2.172.236-3.658q0-6.414-3.281-12.936q-1.539-3.126-4.051-5.09q-2.565-1.855-5.897-1.961q-4.41.106-7.331 3.553q-2.466 3.606-2.358 8.057q0 5.887 3.444 12.248a16.7 16.7 0 0 0 4.304 5.035m6.587 16.459a23 23 0 0 1-2.091-3.299q-1.07-1.7-1.07-4.096q0-1.436.407-2.395a366 366 0 0 1 .663-1.861a30 30 0 0 1-3.485.213Q18.452 56.517 14 52.224v19.338a33.4 33.4 0 0 1 8.241-2.561q5.744-.846 9.54-.951m2.959 3.064a24 24 0 0 0-2.435-.107q-.83-.106-4.248.213a46.6 46.6 0 0 0-6.89 1.533q-.83.318-2.331.953q-1.503.688-3.056 1.959A10.8 10.8 0 0 0 14 77.69v2.949a5.02 5.02 0 0 0 5.013 5.014h27.326l.005-.199q0-4.127-2.694-7.197q-2.85-2.91-8.91-7.143"/><path fill="currentColor" d="M80.986 14.347H19.013A5.016 5.016 0 0 0 14 19.361v6.723q.473-.505.985-1q4.625-3.807 9.612-4.973q4.935-1.005 9.253-1.004h21.692l-6.699 3.91h-6.689q1.022.634 2.299 1.852q1.226 1.27 2.401 3.121q1.123 1.746 1.992 4.127q.714 2.38.715 5.555q-.096 5.82-2.569 9.312a29 29 0 0 1-2.569 3.121a102 102 0 0 1-3.199 2.91a15 15 0 0 0-1.793 2.275q-.97 1.322-.97 3.068q0 1.692.994 2.803a22 22 0 0 0 1.641 1.854l3.68 3.016a37 37 0 0 1 6.016 6.189q2.437 3.44 2.536 8.994q0 2.296-.592 4.439h28.25A5.02 5.02 0 0 0 86 80.639V19.36a5.017 5.017 0 0 0-5.014-5.013m3.945 22.117H73.549v11.383h-5.514V36.464H56.653V30.95h11.382V19.569h5.514V30.95h11.382z"/></svg>

كيفية استخدام أيقونة Social Google Plus

React

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

<Icon icon="foundation:social-google-plus" width="24" />

Vue

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

<template>
  <Icon icon="foundation:social-google-plus" width="24" />
</template>

Svelte

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

<Icon icon="foundation:social-google-plus" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="foundation:social-google-plus"></iconify-icon>

صورة HTML

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

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

أيقونة Social Google Plus في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Social Google Plus

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

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

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

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

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

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

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