أيقونة Google Maps
logos:google-maps
أيقونة Google Maps (logos:google-maps) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 256 × 367. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- SVG Logos
- المؤلف
- Gil Barbara
- الترخيص
- CC0-1.0
- الحجم
- 256 × 367
- الوسوم
- googlemaps، map
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="367" viewBox="0 0 256 367"><path fill="#34a853" d="M70.585 271.865a371 371 0 0 1 28.911 42.642c7.374 13.982 10.448 23.463 15.837 40.31c3.305 9.308 6.292 12.086 12.714 12.086c6.998 0 10.173-4.726 12.626-12.035c5.094-15.91 9.091-28.052 15.397-39.525c12.374-22.15 27.75-41.833 42.858-60.75c4.09-5.354 30.534-36.545 42.439-61.156c0 0 14.632-27.035 14.632-64.792c0-35.318-14.43-59.813-14.43-59.813l-41.545 11.126l-25.23 66.451l-6.242 9.163l-1.248 1.66l-1.66 2.078l-2.914 3.319l-4.164 4.163l-22.467 18.304l-56.17 32.432z"/><path fill="#fbbc04" d="M12.612 188.892c13.709 31.313 40.145 58.839 58.031 82.995l95.001-112.534s-13.384 17.504-37.662 17.504c-27.043 0-48.89-21.595-48.89-48.825c0-18.673 11.234-31.501 11.234-31.501l-64.489 17.28z"/><path fill="#4285f4" d="M166.705 5.787c31.552 10.173 58.558 31.53 74.893 63.023l-75.925 90.478s11.234-13.06 11.234-31.617c0-27.864-23.463-48.68-48.81-48.68c-23.969 0-37.735 17.475-37.735 17.475v-57z"/><path fill="#1a73e8" d="M30.015 45.765C48.86 23.218 82.02 0 127.736 0c22.18 0 38.89 5.823 38.89 5.823L90.29 96.516H36.205z"/><path fill="#ea4335" d="M12.612 188.892S0 164.194 0 128.414c0-33.817 13.146-63.377 30.015-82.649l60.318 50.759z"/></svg>كيفية استخدام أيقونة Google Maps
React
import { Icon } from "@iconify/react";
<Icon icon="logos:google-maps" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:google-maps" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:google-maps" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--google-maps]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:google-maps"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:google-maps"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/logos/google-maps.svg" alt="أيقونة Google Maps" width="24" height="24">أيقونات ذات صلة في SVG Logos
google
google-360suite
google-admob
google-ads
google-adsense
google-aistudio
google-aistudio-dark
google-analytics
google-bard
google-bard-icon
google-calendar
google-calendar-2020
google-cloud
google-cloud-functions
google-cloud-run
google-data-studio
google-developers
google-domains
google-domains-icon
google-drive
google-drive-2020
google-fit
google-fonts
google-fonts-icon
أيقونة Google Maps في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Google Maps
هل أيقونة Google Maps مجانية للاستخدام التجاري؟
نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Google Maps في React؟
ثبّت @iconify/react واعرض <Icon icon="logos:google-maps" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Google Maps إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/google-maps.svg" alt="أيقونة Google Maps">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.