Eclipse Ide icon
thesvg-color:eclipse-ide
The Eclipse Ide icon (thesvg-color:eclipse-ide) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 256 × 240 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 256 × 240
- Tags
- eclipseide
SVG code
<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>How to use the Eclipse Ide icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/eclipse-ide.svg" alt="Eclipse Ide icon" width="24" height="24">Related icons in theSVG Color
Eclipse Ide icon in other icon sets
Eclipse Ide icon FAQ
Is the Eclipse Ide icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Eclipse Ide icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:eclipse-ide" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Eclipse Ide icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/eclipse-ide.svg" alt="Eclipse Ide icon">, or paste the SVG code inline to style it with CSS.