Gatsby ikonu
skill-icons:gatsby
Gatsby ikonu (skill-icons:gatsby), Skill Icons setinden ücretsiz bir SVG ikondur (yapımcı: tandpfun). 256 × 256 ızgara üzerinde çizilmiştir. Skill Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Skill Icons
- Yazar
- tandpfun
- Lisans
- MIT
- Boyut
- 256 × 256
SVG kodu
<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 ikonu nasıl kullanılır
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>
Web bileşeni
<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 görseli
<img src="https://iconyz.com/api/public/svg/skill-icons/gatsby.svg" alt="Gatsby ikonu" width="24" height="24">
Diğer ikon setlerinde Gatsby ikonu
Gatsby ikonu: sık sorulan sorular
Gatsby ikonu ticari kullanım için ücretsiz mi?
Evet. Skill Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Gatsby ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="skill-icons:gatsby" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Gatsby ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/skill-icons/gatsby.svg" alt="Gatsby ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Skill Icons →
ICONYZ
