أيقونة Logo Instagram
tdesign:logo-instagram
أيقونة Logo Instagram (tdesign:logo-instagram) أيقونة SVG مجانية من مجموعة TDesign Icons من تصميم TDesign. مرسومة على شبكة 24 × 24. تُنشر TDesign Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- TDesign Icons
- المؤلف
- TDesign
- الترخيص
- MIT
- الحجم
- 24 × 24
- الوسوم
- logoinstagram
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path d="M2 12c0-3.738 0-5.608.804-7A6 6 0 0 1 5 2.804C6.392 2 8.262 2 12 2s5.608 0 7 .804A6 6 0 0 1 21.196 5C22 6.392 22 8.262 22 12s0 5.608-.804 7A6 6 0 0 1 19 21.196C17.608 22 15.739 22 12 22s-5.608 0-7-.804A6 6 0 0 1 2.804 19C2 17.608 2 15.739 2 12"/><path d="M16.5 12a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0"/><path stroke="currentColor" stroke-width="2" d="M2 12c0-3.738 0-5.608.804-7A6 6 0 0 1 5 2.804C6.392 2 8.262 2 12 2s5.608 0 7 .804A6 6 0 0 1 21.196 5C22 6.392 22 8.262 22 12s0 5.608-.804 7A6 6 0 0 1 19 21.196C17.608 22 15.739 22 12 22s-5.608 0-7-.804A6 6 0 0 1 2.804 19C2 17.608 2 15.739 2 12Z"/><path stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M17.75 6.25h.004v.004h-.004zM16.5 12a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0Z"/></g></svg>كيفية استخدام أيقونة Logo Instagram
React
import { Icon } from "@iconify/react";
<Icon icon="tdesign:logo-instagram" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="tdesign:logo-instagram" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="tdesign:logo-instagram" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[tdesign--logo-instagram]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/tdesign -->
<div class="i-tdesign:logo-instagram"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="tdesign:logo-instagram"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/tdesign/logo-instagram.svg" alt="أيقونة Logo Instagram" width="24" height="24">أيقونات ذات صلة في TDesign Icons
logo-adobe-illustrate
logo-adobe-illustrate-filled
logo-adobe-lightroom
logo-adobe-lightroom-filled
logo-adobe-photoshop
logo-adobe-photoshop-filled
logo-alipay
logo-alipay-filled
logo-android
logo-android-filled
logo-apple
logo-apple-filled
logo-behance
logo-behance-filled
logo-chrome
logo-chrome-filled
logo-cinema4d
logo-cinema4d-filled
logo-cnb
logo-cnb-filled
logo-codepen
logo-codesandbox
logo-codesign
logo-dribbble
أيقونة Logo Instagram في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Logo Instagram
هل أيقونة Logo Instagram مجانية للاستخدام التجاري؟
نعم. تُنشر TDesign Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Logo Instagram في React؟
ثبّت @iconify/react واعرض <Icon icon="tdesign:logo-instagram" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Logo Instagram إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/tdesign/logo-instagram.svg" alt="أيقونة Logo Instagram">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.