Ikon Gatsby
skill-icons:gatsby
Ikon Gatsby (skill-icons:gatsby) adalah ikon SVG gratis dari set Skill Icons karya tandpfun. Ikon ini digambar pada grid 256 × 256. Skill Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Skill Icons
- Pembuat
- tandpfun
- Lisensi
- MIT
- Ukuran
- 256 × 256
Kode 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>
Cara memakai ikon 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>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:gatsby"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/gatsby.svg" alt="Ikon Gatsby" width="24" height="24">
Ikon Gatsby di set ikon lain
FAQ Ikon Gatsby
Apakah ikon Gatsby gratis untuk penggunaan komersial?
Ya. Skill Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Gatsby di React?
Pasang @iconify/react lalu render <Icon icon="skill-icons:gatsby" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Gatsby ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/skill-icons/gatsby.svg" alt="Ikon Gatsby">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Skill Icons →
ICONYZ
