Ikon Fetch
logos:fetch
Ikon Fetch (logos:fetch) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 256. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 256
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><circle cx="128" cy="128" r="115.2" fill="#fff"/><path fill="#3c790a" d="M128 0C57.308 0 0 57.308 0 128s57.308 128 128 128s128-57.308 128-128S198.692 0 128 0m0 25.6c56.554 0 102.4 45.846 102.4 102.4S184.554 230.4 128 230.4S25.6 184.554 25.6 128S71.446 25.6 128 25.6"/><path fill="#3c790a" d="M87.04 140.8a153.6 153.6 0 0 0 51.2-51.2c-.424-15.317 6.682-28.306 15.872-29.013s16.984 11.136 17.408 26.453c15.317.424 27.16 8.218 26.453 17.408s-13.696 16.296-29.013 15.872a153.6 153.6 0 0 0-51.2 51.2c.274 9.908-2.644 19.308-7.655 24.658s-11.354 5.838-16.64 1.28s-8.71-13.47-8.985-23.378c-15.317-.424-27.16-8.218-26.453-17.408S71.723 140.376 87.04 140.8"/></svg>Cara memakai ikon Fetch
React
import { Icon } from "@iconify/react";
<Icon icon="logos:fetch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:fetch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:fetch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--fetch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:fetch"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:fetch"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/fetch.svg" alt="Ikon Fetch" width="24" height="24">FAQ Ikon Fetch
Apakah ikon Fetch gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Fetch di React?
Pasang @iconify/react lalu render <Icon icon="logos:fetch" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Fetch ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/fetch.svg" alt="Ikon Fetch">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.