ICONYZ
Bahasa Indonesia
Ikon Eclipse Ide dari theSVG Color

Ikon Eclipse Ide

thesvg-color:eclipse-ide

Ikon Eclipse Ide (thesvg-color:eclipse-ide) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 256 × 240. theSVG Color 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
theSVG Color
Pembuat
thesvg.org
Lisensi
MIT
Ukuran
256 × 240
Tag
eclipseide
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="240" viewBox="0 0 256 240"><defs><linearGradient id="SVGmzkBoeJm" x1="50%" x2="50%" y1="1089.396%" y2="-159.5%"><stop offset="30.33%" stop-color="#473788"/><stop offset="87.2%" stop-color="#2c2255"/></linearGradient><linearGradient id="SVGc35JLeNZ" x1="49.999%" x2="49.999%" y1="896.537%" y2="-352.359%"><stop offset="30.33%" stop-color="#473788"/><stop offset="87.2%" stop-color="#2c2255"/></linearGradient><linearGradient id="SVGZTlqhd2x" x1="49.999%" x2="49.999%" y1="215.17%" y2="-166.715%"><stop offset="30.33%" stop-color="#473788"/><stop offset="86.31%" stop-color="#2c2255"/></linearGradient></defs><path fill="#2c2255" d="M70.382 153.049H31.26c5.18 17.768 14.792 33.693 28.864 47.768c22.434 22.436 49.41 33.64 80.956 33.64c6.306 0 12.416-.47 18.35-1.365c23.761-3.587 44.565-14.33 62.39-32.275c14.162-14.07 23.842-30 29.062-47.768zM48.81 99.915H28.373a120 120 0 0 0-1.488 13.775h228.399c-.233-4.7-.743-9.285-1.497-13.775M26.885 126.482a119 119 0 0 0 1.488 13.775h225.418a119 119 0 0 0 1.5-13.775m-4.404-39.362c-5.215-17.817-14.897-33.817-29.067-47.99c-17.778-17.777-38.522-28.443-62.207-32.031a123 123 0 0 0-18.532-1.386c-31.546 0-58.524 11.143-80.956 33.418C46.048 53.303 36.43 69.303 31.254 87.12"/><path fill="#f7941e" d="M20.093 120.09C20.093 59.753 65.407 9.621 124.357.803c-1.462-.053-2.932-.112-4.409-.112C53.796.692.164 54.15.164 120.09c0 65.943 53.63 119.397 119.784 119.397c1.482 0 2.951-.056 4.419-.11c-58.96-8.817-104.274-58.95-104.274-119.287"/><path fill="url(#SVGmzkBoeJm)" d="M155.728 14.226A78 78 0 0 0 153.364.451H2.642A78 78 0 0 0 .276 14.226z" transform="translate(63.083 99.461)"/><path fill="url(#SVGc35JLeNZ)" d="M155.728 27.02H.278a77.6 77.6 0 0 0 2.364 13.776h150.724a78 78 0 0 0 2.362-13.776" transform="translate(63.083 99.461)"/><path fill="url(#SVGZTlqhd2x)" d="M78.003 98.636c31.3 0 58.282-18.441 70.706-45.048H7.297c12.425 26.607 39.405 45.048 70.706 45.048" transform="translate(63.083 99.461)"/><path fill="#fff" d="M51.84 126.482h203.29c.108-2.035.168-4.084.168-6.147c0-2.232-.081-4.444-.208-6.647H26.885c-.126 2.2-.208 4.415-.208 6.647c0 2.063.06 4.112.168 6.147zM69.924 87.12H31.252c-1.271 4.166-2.091 8.44-2.879 12.795h224.692a114 114 0 0 0-3.075-12.795m-11.617 53.135H28.371c.766 4.352 1.638 8.623 2.888 12.794h219.479a113 113 0 0 0 3.023-12.794z"/></svg>

Cara memakai ikon Eclipse Ide

React

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

<Icon icon="thesvg-color:eclipse-ide" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:eclipse-ide" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:eclipse-ide" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--eclipse-ide]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:eclipse-ide"></div>

Web component

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

<iconify-icon icon="thesvg-color:eclipse-ide"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/eclipse-ide.svg" alt="Ikon Eclipse Ide" width="24" height="24">

Ikon terkait di theSVG Color

Ikon Eclipse Ide di set ikon lain

FAQ Ikon Eclipse Ide

Apakah ikon Eclipse Ide gratis untuk penggunaan komersial?

Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Eclipse Ide di React?

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

Bagaimana cara menambahkan ikon Eclipse Ide ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/eclipse-ide.svg" alt="Ikon Eclipse Ide">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →