Icono Eclipse Ide
thesvg-color:eclipse-ide
El icono Eclipse Ide (thesvg-color:eclipse-ide) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 256 × 240. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 256 × 240
- Etiquetas
- eclipseide
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/eclipse-ide.svg" alt="Icono Eclipse Ide" width="24" height="24">Iconos relacionados en theSVG Color
El icono Eclipse Ide en otras colecciones
Preguntas frecuentes sobre Icono Eclipse Ide
¿El icono Eclipse Ide es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Eclipse Ide en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:eclipse-ide" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Eclipse Ide a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/eclipse-ide.svg" alt="Icono Eclipse Ide">, o pega el código SVG en línea para darle estilo con CSS.