Icono Eclipse
logos:eclipse
El icono Eclipse (logos:eclipse) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 121. SVG Logos icons se publican bajo la licencia CC0, 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
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 512 × 121
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="121" viewBox="0 0 512 121"><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="M116.9 75.463c-2.434 8.285-6.947 15.712-13.551 22.272c-8.31 8.368-18.01 13.377-29.09 15.049a57 57 0 0 1-8.555.636c-14.709 0-27.287-5.224-37.747-15.685c-6.56-6.562-11.042-13.987-13.458-22.272Zm2.055-12.387a55 55 0 0 1-.556 5.523l-.143.9H13.153q-.452-2.689-.64-5.486l-.054-.937zm-.702-12.387c.302 1.795.52 3.621.644 5.487l.055.936H12.459c.092-1.879.28-3.717.551-5.523l.143-.9zm-1.351-5.965c-2.432-8.308-6.946-15.768-13.553-22.376c-8.29-8.289-17.962-13.262-29.004-14.935a57.5 57.5 0 0 0-8.641-.646c-14.709 0-27.288 5.195-37.747 15.581q-9.843 9.913-13.46 22.376"/><path fill="#f7941e" d="M9.292 60.096c0-28.132 21.128-51.506 48.614-55.618c-.682-.025-1.367-.052-2.056-.052C25.006 4.426 0 29.351 0 60.096s25.005 55.67 55.85 55.67c.691 0 1.376-.027 2.06-.052c-27.49-4.111-48.618-27.486-48.618-55.618M304.579 0h11.108v14.066h-11.108z"/><path fill="#2c2255" d="M362.017 25.223q12.317 0 20.012 9.781q7.697 9.782 7.697 25.717q0 15.941-7.697 25.719q-7.695 9.78-20.012 9.781q-7.425 0-12.769-2.93q-5.344-2.925-8.845-8.965v35.862h-11.168V26.853h11.168v10.264q3.504-6.036 8.845-8.966c3.562-1.949 7.819-2.928 12.769-2.928m-179.704.004q13.645 0 21.583 8.785q7.94 8.778 7.94 23.872v5.432h-51.075q.724 11.473 6.912 17.478q6.19 6.007 17.236 6.006q6.399 0 12.408-1.566c4.005-1.045 7.976-2.617 11.923-4.71V91.03a66.7 66.7 0 0 1-12.256 3.865a61.4 61.4 0 0 1-12.738 1.328q-16.18.001-25.627-9.418c-6.299-6.28-9.448-14.768-9.448-25.474q0-16.603 8.964-26.353q8.966-9.75 24.178-9.75m300.014 0q13.643 0 21.582 8.785q7.937 8.778 7.938 23.872v5.432h-51.074q.722 11.473 6.914 17.478c4.123 4.006 9.872 6.006 17.234 6.006q6.4 0 12.407-1.566c4.006-1.045 7.978-2.617 11.925-4.71V91.03a66.7 66.7 0 0 1-12.258 3.865a61.4 61.4 0 0 1-12.735 1.328q-16.182.001-25.627-9.418c-6.3-6.28-9.45-14.768-9.45-25.474q.002-16.603 8.964-26.353c5.977-6.5 14.04-9.75 24.18-9.75m-232.374-.004q5.134.002 10.023 1.058q4.89 1.056 9.48 3.17v10.383q-4.71-2.595-9.448-3.894a36 36 0 0 0-9.57-1.297q-10.808 0-16.782 6.85c-3.985 4.568-5.977 10.98-5.977 19.228q0 12.377 5.977 19.23c3.983 4.57 9.577 6.85 16.782 6.85q4.828 0 9.57-1.294q4.736-1.298 9.448-3.895v10.261a45.6 45.6 0 0 1-9.63 3.26c-3.323.725-6.851 1.087-10.596 1.087q-15.275 0-24.268-9.6q-8.996-9.596-8.996-25.899q-.001-16.539 9.085-26.02q9.087-9.477 24.902-9.478m170.404-.001q6.159 0 11.592.904q5.436.91 10.025 2.72v10.505a43.5 43.5 0 0 0-9.782-3.623q-5.071-1.206-10.504-1.206q-8.271-.001-12.408 2.536q-4.134 2.535-4.133 7.606c0 2.574.982 4.598 2.956 6.068q2.957 2.202 11.894 4.196l3.802.844c7.888 1.692 13.494 4.074 16.814 7.155q4.983 4.619 4.982 12.887q0 9.419-7.46 14.912c-4.969 3.66-11.8 5.494-20.493 5.494q-5.432 0-11.322-1.056c-3.925-.703-8.057-1.761-12.407-3.17V80.522c4.108 2.137 8.15 3.735 12.136 4.802q5.977 1.6 11.832 1.598c5.234 0 9.256-.893 12.075-2.685q4.225-2.689 4.224-7.576q0-4.528-3.045-6.945q-3.05-2.415-13.376-4.65l-3.861-.904q-10.324-2.173-14.912-6.67t-4.588-12.347q0-9.539 6.762-14.729q6.761-5.193 19.197-5.194M290.611.532v93.937h-11.11V.532zm25.076 26.32V94.47H304.58V26.853zm43.61 7.67q-8.815 0-13.854 6.972q-5.042 6.974-5.043 19.227q0 12.259 5.043 19.23q5.039 6.973 13.855 6.971q8.816 0 13.856-6.972q5.042-6.97 5.042-19.229q0-12.255-5.042-19.227q-5.04-6.973-13.856-6.972m-176.862.12q-9.297 0-14.881 5.254q-5.586 5.251-6.43 14.789l39.604-.06q-.123-9.116-5.102-14.548q-4.982-5.435-13.19-5.434m300.012 0q-9.298 0-14.881 5.254c-3.723 3.5-5.87 8.431-6.43 14.789l39.603-.06c-.083-6.077-1.78-10.927-5.103-14.548q-4.984-5.435-13.19-5.434"/><path fill="url(#SVGmzkBoeJm)" d="M72.61 6.633A36.3 36.3 0 0 0 71.506.21H1.232A36.3 36.3 0 0 0 .13 6.633z" transform="translate(29.337 50.478)"/><path fill="url(#SVGc35JLeNZ)" d="M72.61 12.598H.13a36 36 0 0 0 1.102 6.423h70.276a36.3 36.3 0 0 0 1.101-6.423" transform="translate(29.337 50.478)"/><path fill="url(#SVGZTlqhd2x)" d="M36.37 45.99c14.594 0 27.174-8.599 32.967-21.004H3.402C9.195 37.39 21.775 45.99 36.37 45.99" transform="translate(29.337 50.478)"/><path fill="#fff" d="M118.241 69.498a53 53 0 0 1-1.41 5.965H14.499c-.582-1.944-.989-3.936-1.346-5.965Zm.62-12.387a53 53 0 0 1 .097 3.1q-.002 1.441-.078 2.865H12.44a54 54 0 0 1-.078-2.866c0-1.04.038-2.073.097-3.1Zm-2.378-12.387a53 53 0 0 1 1.434 5.965H13.153c.367-2.03.75-4.023 1.342-5.965Z"/></svg>Cómo usar el icono Eclipse
React
import { Icon } from "@iconify/react";
<Icon icon="logos:eclipse" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:eclipse" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:eclipse" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--eclipse]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:eclipse"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:eclipse"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/eclipse.svg" alt="Icono Eclipse" width="24" height="24">Iconos relacionados en SVG Logos
El icono Eclipse en otras colecciones
Preguntas frecuentes sobre Icono Eclipse
¿El icono Eclipse es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Eclipse en React?
Instala @iconify/react y renderiza <Icon icon="logos:eclipse" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Eclipse a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/eclipse.svg" alt="Icono Eclipse">, o pega el código SVG en línea para darle estilo con CSS.