أيقونة Gatsby

skill-icons:gatsby

أيقونة Gatsby (skill-icons:gatsby) أيقونة SVG مجانية من مجموعة Skill Icons من تصميم tandpfun. مرسومة على شبكة 256 × 256. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Skill Icons
المؤلف: tandpfun
الترخيص: MIT
الحجم: 256 × 256

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#639" rx="60"/><path fill="#fff" d="M228 128h-63.636v18.182H208c-6.364 27.273-26.364 50-52.727 59.091L50.727 100.727C61.637 68.909 92.546 46.182 128 46.182c27.273 0 51.818 13.636 67.273 34.545l13.636-11.818C190.727 44.364 161.636 28 128 28c-47.273 0-87.273 33.636-97.273 78.182l120 120C194.364 215.273 228 175.273 228 128m-200 .909c0 25.455 10 50 29.09 69.091c19.092 19.091 44.546 29.091 69.092 29.091z"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

تصفح كل Skill Icons →