ICONYZ
Bahasa Indonesia
Ikon Ofetch dari UnJS Logos

Ikon Ofetch

unjs:ofetch

Ikon Ofetch (unjs:ofetch) adalah ikon SVG gratis dari set UnJS Logos karya UnJS. Ikon ini digambar pada grid 32 × 32. UnJS Logos icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
UnJS Logos
Pembuat
UnJS
Lisensi
Apache-2.0
Ukuran
32 × 32
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><path id="SVGZABbLbMh" fill="#eb8f00" d="M27.873 7.417c1.332 2.15 2.027 4.71 2.027 7.558c0 4.225-1.525 7.8-4.4 10.35c-2.65 2.325-6.25 3.625-10.1 3.625c-4.515 0-9.25-1.837-12.045-5.735C6.045 27.63 11.105 29.7 15.9 29.7c3.85 0 7.45-1.3 10.1-3.625c2.875-2.55 4.4-6.125 4.4-10.35c0-3.185-.867-6.015-2.527-8.308"/></defs><g fill="none"><path fill="url(#SVGKub0rcbO)" d="M15.9 29.7c-6.975 0-14.5-4.375-14.5-13.975S8.925 1.75 15.9 1.75c3.875 0 7.45 1.275 10.1 3.6c2.875 2.55 4.4 6.15 4.4 10.375s-1.525 7.8-4.4 10.35C23.35 28.4 19.75 29.7 15.9 29.7"/><use href="#SVGZABbLbMh"/><path fill="url(#SVGV0cDecAM)" d="M15.9 29.7c-6.975 0-14.5-4.375-14.5-13.975S8.925 1.75 15.9 1.75c3.875 0 7.45 1.275 10.1 3.6c2.875 2.55 4.4 6.15 4.4 10.375s-1.525 7.8-4.4 10.35C23.35 28.4 19.75 29.7 15.9 29.7"/><path fill="url(#SVGa91mVbgg)" d="M15.9 29.7c-6.975 0-14.5-4.375-14.5-13.975S8.925 1.75 15.9 1.75c3.875 0 7.45 1.275 10.1 3.6c2.875 2.55 4.4 6.15 4.4 10.375s-1.525 7.8-4.4 10.35C23.35 28.4 19.75 29.7 15.9 29.7"/><use href="#SVGZABbLbMh"/><path fill="#422b0d" d="M16 27.433a2.75 2.75 0 0 1-2.732-2.733v-3.15A2.73 2.73 0 0 1 16 18.817a2.73 2.73 0 0 1 2.733 2.733v3.153A2.75 2.75 0 0 1 16 27.433"/><path fill="#fff" d="M10.823 10.455c.51 0 1.01.147 1.44.422c1.41.893 2 3 .862 5.178c-.785 1.5-1.965 2.192-3.082 2.192c-.511 0-1.01-.147-1.44-.422c-1.41-.892-2-3-.863-5.177c.785-1.5 1.963-2.193 3.082-2.193"/><path fill="url(#SVGblXRYb6T)" d="M29.735 18.25c-.343-.25-.3-.527-1.25-.145c-.392.16-.843 1.06-.843 1.06s-.677-1.355-2.017.448c-2.435 3.27-3.5 3.12-4.933 4.62c-.922.96-1.72 1.875-1.412 3.692c.172 1.015.655 1.293.655 1.293s.295 0 3.19-1.5s5.422-3.623 6.813-7.023" opacity=".66"/><path fill="url(#SVG8GkbBcfI)" d="M21.935 24.88c1.088-.825 2.138-1.582 2.633-2.235c.494-.652 1.027-2.02 1.347-2.915s1.25-1.332 1.75-.567c.13.204.027 1 0 1.305c.273-.453.465-.95.57-1.468c.25-1.22 1.525-1.615 1.75.025c0 0 .948.038.527 2.978a11.7 11.7 0 0 1-1.125 3.287c-1.347 2.54-2.402 3.718-3.767 4.653c-2.135 1.46-4.158 1.112-4.79.282c-1.08-1.428-.79-3.908 1.105-5.345"/><path fill="#ed6c30" d="M27.655 19.163c0 .487-.47 2.185-.648 2.62c-.612 1.612-1.73 2.362-1.417 2.617s.91-.287 1.773-2.335c.265-.698.42-1.43.454-2.175a1.8 1.8 0 0 0-.162-.727m1.645-1.236c.317.138.79 1.043.082 3.578c-.437 1.915-1.892 3.405-1.542 3.573c.413.277 1.355-1.285 2.023-3.45a10 10 0 0 0 .322-2c.01-.34-.105-1.608-.885-1.7"/><path fill="url(#SVGCR4diRcL)" d="M2.132 18.25c.343-.25.3-.527 1.25-.145c.393.16.843 1.06.843 1.06s.677-1.355 2.017.448c2.435 3.27 3.5 3.12 4.933 4.62c.92.96 1.717 1.875 1.41 3.692c-.17 1.015-.653 1.293-.653 1.293s-.48 0-2.782-1.175c-.198-.1-.18-.203-.408-.323c-2.895-1.5-5.422-3.622-6.812-7.022" opacity=".66"/><path fill="url(#SVG6UjrebeH)" d="M9.933 24.88c-1.088-.825-2.138-1.582-2.633-2.235s-1.027-2.02-1.35-2.915c-.322-.895-1.25-1.332-1.737-.567c-.13.204-.028 1 0 1.305A4.7 4.7 0 0 1 3.633 19c-.25-1.22-1.525-1.615-1.75.025c0 0-.948.038-.528 2.978c.21 1.145.588 2.255 1.125 3.287c1.345 2.54 2.403 3.718 3.768 4.653c2.132 1.46 4.155 1.112 4.79.282c1.072-1.428.79-3.908-1.105-5.345"/><path fill="#ed6c30" d="M4.213 19.163c0 .487.47 2.185.647 2.62c.613 1.612 1.728 2.362 1.418 2.617s-.913-.287-1.775-2.335a7 7 0 0 1-.453-2.175c0-.253.055-.5.163-.727m-1.648-1.236c-.315.138-.787 1.043-.08 3.573c.438 1.915 1.893 3.405 1.543 3.573c-.413.277-1.355-1.285-2.023-3.45a10 10 0 0 1-.322-2c-.01-.335.105-1.603.882-1.696"/><path fill="#eb8f00" d="M13.158 16.073a4.1 4.1 0 0 1-1 1.735a3.28 3.28 0 0 1-1.908.967a3.1 3.1 0 0 1-2.2-.562a3.75 3.75 0 0 1-1.483-2.373a5 5 0 0 1-.067-.553L6.482 15l.013-.275q.01-.272.062-.543a5.4 5.4 0 0 1 .8-1.932a4.5 4.5 0 0 1 1.5-1.455a2.87 2.87 0 0 1 1.978-.367v.072a2.98 2.98 0 0 0-1.75.613c-.5.382-.913.87-1.21 1.425a5.3 5.3 0 0 0-.625 1.76a3.96 3.96 0 0 0 .155 1.847c.19.595.557 1.12 1.055 1.5c.497.387 1.12.58 1.75.54a3 3 0 0 0 1.705-.685a4.7 4.7 0 0 0 1.178-1.46z"/><path fill="#fff" d="M21.203 10.455c1.12 0 2.297.7 3.082 2.193c1.142 2.167.547 4.285-.863 5.177a2.66 2.66 0 0 1-1.44.425c-1.117 0-2.297-.7-3.082-2.192c-1.15-2.17-.547-4.288.863-5.18c.43-.276.929-.422 1.44-.423"/><path fill="#eb8f00" d="M21.203 10.418c.682-.12 1.384.01 1.977.367a4.5 4.5 0 0 1 1.5 1.455c.393.592.665 1.255.8 1.953q.05.27.063.542v.553a4 4 0 0 1-.206 1.097a3.72 3.72 0 0 1-1.342 1.825c-.635.46-1.42.66-2.198.563a3.27 3.27 0 0 1-1.922-.968a4.05 4.05 0 0 1-1-1.732l.065-.035c.287.56.685 1.057 1.17 1.462a3 3 0 0 0 1.71.688c.63.04 1.253-.153 1.75-.54a3.1 3.1 0 0 0 1.052-1.5c.198-.595.25-1.228.155-1.848a5.2 5.2 0 0 0-.614-1.767a4.4 4.4 0 0 0-1.21-1.425a2.98 2.98 0 0 0-1.75-.613z"/><defs><linearGradient id="SVGV0cDecAM" x1="15.9" x2="15.9" y1="29.7" y2="1.75" gradientUnits="userSpaceOnUse"><stop offset=".39" stop-color="#40c0e7" stop-opacity="0"/><stop offset="1" stop-color="#5f7aff"/></linearGradient><linearGradient id="SVGa91mVbgg" x1="15.9" x2="15.9" y1="29.7" y2="1.75" gradientUnits="userSpaceOnUse"><stop offset=".16" stop-color="#f4a223"/><stop offset=".33" stop-color="#f7c02b"/><stop offset=".81" stop-color="#fde030" stop-opacity="0"/></linearGradient><linearGradient id="SVGblXRYb6T" x1="24.575" x2="24.575" y1="31.955" y2="19.53" gradientUnits="userSpaceOnUse"><stop stop-color="#ed6c30"/><stop offset="1" stop-color="#ed6c30" stop-opacity=".2"/></linearGradient><linearGradient id="SVGCR4diRcL" x1="7.291" x2="7.291" y1="31.955" y2="19.53" gradientUnits="userSpaceOnUse"><stop stop-color="#ed6c30"/><stop offset="1" stop-color="#ed6c30" stop-opacity=".2"/></linearGradient><radialGradient id="SVGKub0rcbO" cx="0" cy="0" r="1" gradientTransform="translate(15.9 15.725)scale(14.24)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#fde030"/><stop offset=".92" stop-color="#f7c02b"/><stop offset="1" stop-color="#f4a223"/></radialGradient><radialGradient id="SVG8GkbBcfI" cx="0" cy="0" r="1" gradientTransform="rotate(141.52 7.324 15.777)scale(11.1746 10.2989)" gradientUnits="userSpaceOnUse"><stop offset=".27" stop-color="#fff176"/><stop offset="1" stop-color="#ffc400"/></radialGradient><radialGradient id="SVG6UjrebeH" cx="0" cy="0" r="1" gradientTransform="rotate(38.48 -29.25 24.64)scale(11.1746 10.2989)" gradientUnits="userSpaceOnUse"><stop offset=".27" stop-color="#fff176"/><stop offset="1" stop-color="#ffc400"/></radialGradient></defs></g></svg>

Cara memakai ikon Ofetch

React

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

<Icon icon="unjs:ofetch" width="24" />

Vue

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

<template>
  <Icon icon="unjs:ofetch" width="24" />
</template>

Svelte

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

<Icon icon="unjs:ofetch" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[unjs--ofetch]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="unjs:ofetch"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/unjs/ofetch.svg" alt="Ikon Ofetch" width="24" height="24">

FAQ Ikon Ofetch

Apakah ikon Ofetch gratis untuk penggunaan komersial?

Ya. UnJS Logos icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Ofetch di React?

Pasang @iconify/react lalu render <Icon icon="unjs:ofetch" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Ofetch ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/unjs/ofetch.svg" alt="Ikon Ofetch">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon UnJS Logos →