أيقونة Logo Figma
tdesign:logo-figma
أيقونة Logo Figma (tdesign:logo-figma) أيقونة SVG مجانية من مجموعة TDesign Icons من تصميم TDesign. مرسومة على شبكة 24 × 24. تُنشر TDesign Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- TDesign Icons
- المؤلف
- TDesign
- الترخيص
- MIT
- الحجم
- 24 × 24
- الوسوم
- logofigma
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path d="M12 1.5h3.5a3.5 3.5 0 1 1 0 7H12zM5 5a3.5 3.5 0 0 1 3.5-3.5H12v7H8.5A3.5 3.5 0 0 1 5 5m0 7a3.5 3.5 0 0 1 3.5-3.5H12v7H8.5A3.5 3.5 0 0 1 5 12m0 7a3.5 3.5 0 0 1 3.5-3.5H12V19a3.5 3.5 0 1 1-7 0"/><path d="M19 12a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/><path stroke="currentColor" stroke-width="2" d="M12 1.5v7m0-7h3.5a3.5 3.5 0 1 1 0 7m-3.5-7H8.5a3.5 3.5 0 1 0 0 7m3.5 0h3.5m-3.5 0H8.5m3.5 0v7m3.5-7a3.5 3.5 0 1 0 0 7a3.5 3.5 0 0 0 0-7Zm-7 0a3.5 3.5 0 1 0 0 7m3.5 0H8.5m3.5 0V19a3.5 3.5 0 1 1-3.5-3.5"/></g></svg>كيفية استخدام أيقونة Logo Figma
React
import { Icon } from "@iconify/react";
<Icon icon="tdesign:logo-figma" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="tdesign:logo-figma" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="tdesign:logo-figma" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[tdesign--logo-figma]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/tdesign -->
<div class="i-tdesign:logo-figma"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="tdesign:logo-figma"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/tdesign/logo-figma.svg" alt="أيقونة Logo Figma" 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 Figma في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Logo Figma
هل أيقونة Logo Figma مجانية للاستخدام التجاري؟
نعم. تُنشر TDesign Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Logo Figma في React؟
ثبّت @iconify/react واعرض <Icon icon="tdesign:logo-figma" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Logo Figma إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/tdesign/logo-figma.svg" alt="أيقونة Logo Figma">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.