Home/Libraries/SVG Logos (Iconify)/eclipse

SVG Logos (Iconify)

Eclipse

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" 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="#818cf8" 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="#818cf8" 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="#818cf8" 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="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. EclipseIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.