أيقونة Gatsby

file-icons:gatsby

أيقونة Gatsby (file-icons:gatsby) أيقونة SVG مجانية من مجموعة File Icons من تصميم John Gardner. مرسومة على شبكة 512 × 512. تُنشر File Icons بموجب ترخيص ISC، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: File Icons
المؤلف: John Gardner
الترخيص: ISC
الحجم: 512 × 512

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M127.711 34.453c-170.281 98.17-170.281 344.925 0 443.094S512 452.338 512 256S297.992-63.716 127.711 34.453M54.857 259.657l199.314 197.486c-105.53-2.169-196.602-82.508-199.314-197.486m245.029 192L60.343 212.114c31.06-150.851 240.92-226.014 358.4-74.971l-27.429 23.771c-81.68-107.279-241.307-86.442-290.743 40.229l210.286 210.286c53.029-18.286 93.257-64 106.057-118.858h-87.771V256h128c0 95.086-67.657 175.543-157.257 195.657"/></svg>

كيفية استخدام أيقونة Gatsby

React

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

<Icon icon="file-icons:gatsby" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:gatsby" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:gatsby" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--gatsby]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:gatsby"></div>

مكوّن ويب

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

<iconify-icon icon="file-icons:gatsby"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/file-icons/gatsby.svg" alt="أيقونة Gatsby" width="24" height="24">

أيقونة Gatsby في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Gatsby

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

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

كيف أستخدم أيقونة Gatsby في React؟

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

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

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

تصفح كل File Icons →