eclipse icon logo

eclipse-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
eclipse-icon
Set
SVG Logos
Style
Color
Viewbox
256×240
License
CC0

Use the eclipse icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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="M251.481 152.82c-5.235 17.822-14.944 33.8-29.15 47.913l-.626.625c-17.739 17.625-38.397 28.192-61.953 31.748a123 123 0 0 1-18.406 1.368c-31.642 0-58.7-11.237-81.202-33.741c-14.115-14.118-23.756-30.091-28.952-47.913Zm4.422-26.648c-.21 4.245-.65 8.394-1.285 12.464l-.22 1.353H28.296a119 119 0 0 1-1.415-12.406l-.077-1.411zm-1.509-26.648a119 119 0 0 1 1.424 12.406l.078 1.411H26.803a119 119 0 0 1 1.275-12.463l.217-1.354zm-2.908-12.834c-5.23-17.87-14.942-33.919-29.156-48.135c-17.831-17.831-38.64-28.53-62.395-32.13a124 124 0 0 0-18.59-1.389c-31.641 0-58.701 11.176-81.201 33.52C46.024 52.77 36.378 68.818 31.185 86.69"/><path fill="#f7941e" d="M19.99 119.76C19.99 59.24 65.442 8.957 124.571.112C123.104.06 121.63 0 120.15 0C53.795 0 0 53.62 0 119.76c0 66.143 53.793 119.76 120.149 119.76c1.486 0 2.96-.056 4.432-.11c-59.139-8.845-104.59-59.13-104.59-119.65"/><path fill="url(#SVGmzkBoeJm)" d="M156.201 14.27A78 78 0 0 0 153.83.452H2.65A78 78 0 0 0 .277 14.27z" transform="translate(63.11 99.07)"/><path fill="url(#SVGc35JLeNZ)" d="M156.201 27.103H.28A78 78 0 0 0 2.65 40.92h151.182a78 78 0 0 0 2.37-13.817" transform="translate(63.11 99.07)"/><path fill="url(#SVGZTlqhd2x)" d="M78.24 98.936c31.396 0 58.459-18.498 70.921-45.185H7.32c12.46 26.687 39.524 45.185 70.92 45.185" transform="translate(63.11 99.07)"/><path fill="#fff" d="M254.368 139.987a114 114 0 0 1-3.032 12.833H31.19c-1.254-4.183-2.128-8.467-2.897-12.833Zm1.334-26.648c.126 2.21.208 4.429.208 6.667c0 2.07-.06 4.125-.168 6.166H26.762a117 117 0 0 1-.168-6.166c0-2.238.082-4.46.209-6.667Zm-5.116-26.648a114 114 0 0 1 3.084 12.833H28.295c.79-4.368 1.613-8.655 2.888-12.833Z"/></svg>

React

import type { SVGProps } from "react";

export function LogosEclipseIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 240"><defs><linearGradient id="SVGmzkBoeJm" x1="50%" x2="50%" y1="1089.396%" y2="-159.5%"><stop offset="30.33%" stopColor="#473788"/><stop offset="87.2%" stopColor="#2c2255"/></linearGradient><linearGradient id="SVGc35JLeNZ" x1="49.999%" x2="49.999%" y1="896.537%" y2="-352.359%"><stop offset="30.33%" stopColor="#473788"/><stop offset="87.2%" stopColor="#2c2255"/></linearGradient><linearGradient id="SVGZTlqhd2x" x1="49.999%" x2="49.999%" y1="215.17%" y2="-166.715%"><stop offset="30.33%" stopColor="#473788"/><stop offset="86.31%" stopColor="#2c2255"/></linearGradient></defs><path fill="#2c2255" d="M251.481 152.82c-5.235 17.822-14.944 33.8-29.15 47.913l-.626.625c-17.739 17.625-38.397 28.192-61.953 31.748a123 123 0 0 1-18.406 1.368c-31.642 0-58.7-11.237-81.202-33.741c-14.115-14.118-23.756-30.091-28.952-47.913Zm4.422-26.648c-.21 4.245-.65 8.394-1.285 12.464l-.22 1.353H28.296a119 119 0 0 1-1.415-12.406l-.077-1.411zm-1.509-26.648a119 119 0 0 1 1.424 12.406l.078 1.411H26.803a119 119 0 0 1 1.275-12.463l.217-1.354zm-2.908-12.834c-5.23-17.87-14.942-33.919-29.156-48.135c-17.831-17.831-38.64-28.53-62.395-32.13a124 124 0 0 0-18.59-1.389c-31.641 0-58.701 11.176-81.201 33.52C46.024 52.77 36.378 68.818 31.185 86.69"/><path fill="#f7941e" d="M19.99 119.76C19.99 59.24 65.442 8.957 124.571.112C123.104.06 121.63 0 120.15 0C53.795 0 0 53.62 0 119.76c0 66.143 53.793 119.76 120.149 119.76c1.486 0 2.96-.056 4.432-.11c-59.139-8.845-104.59-59.13-104.59-119.65"/><path fill="url(#SVGmzkBoeJm)" d="M156.201 14.27A78 78 0 0 0 153.83.452H2.65A78 78 0 0 0 .277 14.27z" transform="translate(63.11 99.07)"/><path fill="url(#SVGc35JLeNZ)" d="M156.201 27.103H.28A78 78 0 0 0 2.65 40.92h151.182a78 78 0 0 0 2.37-13.817" transform="translate(63.11 99.07)"/><path fill="url(#SVGZTlqhd2x)" d="M78.24 98.936c31.396 0 58.459-18.498 70.921-45.185H7.32c12.46 26.687 39.524 45.185 70.92 45.185" transform="translate(63.11 99.07)"/><path fill="#fff" d="M254.368 139.987a114 114 0 0 1-3.032 12.833H31.19c-1.254-4.183-2.128-8.467-2.897-12.833Zm1.334-26.648c.126 2.21.208 4.429.208 6.667c0 2.07-.06 4.125-.168 6.166H26.762a117 117 0 0 1-.168-6.166c0-2.238.082-4.46.209-6.667Zm-5.116-26.648a114 114 0 0 1 3.084 12.833H28.295c.79-4.368 1.613-8.655 2.888-12.833Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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="M251.481 152.82c-5.235 17.822-14.944 33.8-29.15 47.913l-.626.625c-17.739 17.625-38.397 28.192-61.953 31.748a123 123 0 0 1-18.406 1.368c-31.642 0-58.7-11.237-81.202-33.741c-14.115-14.118-23.756-30.091-28.952-47.913Zm4.422-26.648c-.21 4.245-.65 8.394-1.285 12.464l-.22 1.353H28.296a119 119 0 0 1-1.415-12.406l-.077-1.411zm-1.509-26.648a119 119 0 0 1 1.424 12.406l.078 1.411H26.803a119 119 0 0 1 1.275-12.463l.217-1.354zm-2.908-12.834c-5.23-17.87-14.942-33.919-29.156-48.135c-17.831-17.831-38.64-28.53-62.395-32.13a124 124 0 0 0-18.59-1.389c-31.641 0-58.701 11.176-81.201 33.52C46.024 52.77 36.378 68.818 31.185 86.69"/><path fill="#f7941e" d="M19.99 119.76C19.99 59.24 65.442 8.957 124.571.112C123.104.06 121.63 0 120.15 0C53.795 0 0 53.62 0 119.76c0 66.143 53.793 119.76 120.149 119.76c1.486 0 2.96-.056 4.432-.11c-59.139-8.845-104.59-59.13-104.59-119.65"/><path fill="url(#SVGmzkBoeJm)" d="M156.201 14.27A78 78 0 0 0 153.83.452H2.65A78 78 0 0 0 .277 14.27z" transform="translate(63.11 99.07)"/><path fill="url(#SVGc35JLeNZ)" d="M156.201 27.103H.28A78 78 0 0 0 2.65 40.92h151.182a78 78 0 0 0 2.37-13.817" transform="translate(63.11 99.07)"/><path fill="url(#SVGZTlqhd2x)" d="M78.24 98.936c31.396 0 58.459-18.498 70.921-45.185H7.32c12.46 26.687 39.524 45.185 70.92 45.185" transform="translate(63.11 99.07)"/><path fill="#fff" d="M254.368 139.987a114 114 0 0 1-3.032 12.833H31.19c-1.254-4.183-2.128-8.467-2.897-12.833Zm1.334-26.648c.126 2.21.208 4.429.208 6.667c0 2.07-.06 4.125-.168 6.166H26.762a117 117 0 0 1-.168-6.166c0-2.238.082-4.46.209-6.667Zm-5.116-26.648a114 114 0 0 1 3.084 12.833H28.295c.79-4.368 1.613-8.655 2.888-12.833Z"/></svg>
</template>

CSS

.icon-eclipse-icon {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGmzkBoeJm%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%221089.396%25%22%20y2%3D%22-159.5%25%22%3E%3Cstop%20offset%3D%2230.33%25%22%20stop-color%3D%22%23473788%22%2F%3E%3Cstop%20offset%3D%2287.2%25%22%20stop-color%3D%22%232c2255%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGc35JLeNZ%22%20x1%3D%2249.999%25%22%20x2%3D%2249.999%25%22%20y1%3D%22896.537%25%22%20y2%3D%22-352.359%25%22%3E%3Cstop%20offset%3D%2230.33%25%22%20stop-color%3D%22%23473788%22%2F%3E%3Cstop%20offset%3D%2287.2%25%22%20stop-color%3D%22%232c2255%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGZTlqhd2x%22%20x1%3D%2249.999%25%22%20x2%3D%2249.999%25%22%20y1%3D%22215.17%25%22%20y2%3D%22-166.715%25%22%3E%3Cstop%20offset%3D%2230.33%25%22%20stop-color%3D%22%23473788%22%2F%3E%3Cstop%20offset%3D%2286.31%25%22%20stop-color%3D%22%232c2255%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%232c2255%22%20d%3D%22M251.481%20152.82c-5.235%2017.822-14.944%2033.8-29.15%2047.913l-.626.625c-17.739%2017.625-38.397%2028.192-61.953%2031.748a123%20123%200%200%201-18.406%201.368c-31.642%200-58.7-11.237-81.202-33.741c-14.115-14.118-23.756-30.091-28.952-47.913Zm4.422-26.648c-.21%204.245-.65%208.394-1.285%2012.464l-.22%201.353H28.296a119%20119%200%200%201-1.415-12.406l-.077-1.411zm-1.509-26.648a119%20119%200%200%201%201.424%2012.406l.078%201.411H26.803a119%20119%200%200%201%201.275-12.463l.217-1.354zm-2.908-12.834c-5.23-17.87-14.942-33.919-29.156-48.135c-17.831-17.831-38.64-28.53-62.395-32.13a124%20124%200%200%200-18.59-1.389c-31.641%200-58.701%2011.176-81.201%2033.52C46.024%2052.77%2036.378%2068.818%2031.185%2086.69%22%2F%3E%3Cpath%20fill%3D%22%23f7941e%22%20d%3D%22M19.99%20119.76C19.99%2059.24%2065.442%208.957%20124.571.112C123.104.06%20121.63%200%20120.15%200C53.795%200%200%2053.62%200%20119.76c0%2066.143%2053.793%20119.76%20120.149%20119.76c1.486%200%202.96-.056%204.432-.11c-59.139-8.845-104.59-59.13-104.59-119.65%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGmzkBoeJm)%22%20d%3D%22M156.201%2014.27A78%2078%200%200%200%20153.83.452H2.65A78%2078%200%200%200%20.277%2014.27z%22%20transform%3D%22translate(63.11%2099.07)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGc35JLeNZ)%22%20d%3D%22M156.201%2027.103H.28A78%2078%200%200%200%202.65%2040.92h151.182a78%2078%200%200%200%202.37-13.817%22%20transform%3D%22translate(63.11%2099.07)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZTlqhd2x)%22%20d%3D%22M78.24%2098.936c31.396%200%2058.459-18.498%2070.921-45.185H7.32c12.46%2026.687%2039.524%2045.185%2070.92%2045.185%22%20transform%3D%22translate(63.11%2099.07)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M254.368%20139.987a114%20114%200%200%201-3.032%2012.833H31.19c-1.254-4.183-2.128-8.467-2.897-12.833Zm1.334-26.648c.126%202.21.208%204.429.208%206.667c0%202.07-.06%204.125-.168%206.166H26.762a117%20117%200%200%201-.168-6.166c0-2.238.082-4.46.209-6.667Zm-5.116-26.648a114%20114%200%200%201%203.084%2012.833H28.295c.79-4.368%201.613-8.655%202.888-12.833Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGmzkBoeJm%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%221089.396%25%22%20y2%3D%22-159.5%25%22%3E%3Cstop%20offset%3D%2230.33%25%22%20stop-color%3D%22%23473788%22%2F%3E%3Cstop%20offset%3D%2287.2%25%22%20stop-color%3D%22%232c2255%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGc35JLeNZ%22%20x1%3D%2249.999%25%22%20x2%3D%2249.999%25%22%20y1%3D%22896.537%25%22%20y2%3D%22-352.359%25%22%3E%3Cstop%20offset%3D%2230.33%25%22%20stop-color%3D%22%23473788%22%2F%3E%3Cstop%20offset%3D%2287.2%25%22%20stop-color%3D%22%232c2255%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGZTlqhd2x%22%20x1%3D%2249.999%25%22%20x2%3D%2249.999%25%22%20y1%3D%22215.17%25%22%20y2%3D%22-166.715%25%22%3E%3Cstop%20offset%3D%2230.33%25%22%20stop-color%3D%22%23473788%22%2F%3E%3Cstop%20offset%3D%2286.31%25%22%20stop-color%3D%22%232c2255%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%232c2255%22%20d%3D%22M251.481%20152.82c-5.235%2017.822-14.944%2033.8-29.15%2047.913l-.626.625c-17.739%2017.625-38.397%2028.192-61.953%2031.748a123%20123%200%200%201-18.406%201.368c-31.642%200-58.7-11.237-81.202-33.741c-14.115-14.118-23.756-30.091-28.952-47.913Zm4.422-26.648c-.21%204.245-.65%208.394-1.285%2012.464l-.22%201.353H28.296a119%20119%200%200%201-1.415-12.406l-.077-1.411zm-1.509-26.648a119%20119%200%200%201%201.424%2012.406l.078%201.411H26.803a119%20119%200%200%201%201.275-12.463l.217-1.354zm-2.908-12.834c-5.23-17.87-14.942-33.919-29.156-48.135c-17.831-17.831-38.64-28.53-62.395-32.13a124%20124%200%200%200-18.59-1.389c-31.641%200-58.701%2011.176-81.201%2033.52C46.024%2052.77%2036.378%2068.818%2031.185%2086.69%22%2F%3E%3Cpath%20fill%3D%22%23f7941e%22%20d%3D%22M19.99%20119.76C19.99%2059.24%2065.442%208.957%20124.571.112C123.104.06%20121.63%200%20120.15%200C53.795%200%200%2053.62%200%20119.76c0%2066.143%2053.793%20119.76%20120.149%20119.76c1.486%200%202.96-.056%204.432-.11c-59.139-8.845-104.59-59.13-104.59-119.65%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGmzkBoeJm)%22%20d%3D%22M156.201%2014.27A78%2078%200%200%200%20153.83.452H2.65A78%2078%200%200%200%20.277%2014.27z%22%20transform%3D%22translate(63.11%2099.07)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGc35JLeNZ)%22%20d%3D%22M156.201%2027.103H.28A78%2078%200%200%200%202.65%2040.92h151.182a78%2078%200%200%200%202.37-13.817%22%20transform%3D%22translate(63.11%2099.07)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZTlqhd2x)%22%20d%3D%22M78.24%2098.936c31.396%200%2058.459-18.498%2070.921-45.185H7.32c12.46%2026.687%2039.524%2045.185%2070.92%2045.185%22%20transform%3D%22translate(63.11%2099.07)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M254.368%20139.987a114%20114%200%200%201-3.032%2012.833H31.19c-1.254-4.183-2.128-8.467-2.897-12.833Zm1.334-26.648c.126%202.21.208%204.429.208%206.667c0%202.07-.06%204.125-.168%206.166H26.762a117%20117%200%200%201-.168-6.166c0-2.238.082-4.46.209-6.667Zm-5.116-26.648a114%20114%200%200%201%203.084%2012.833H28.295c.79-4.368%201.613-8.655%202.888-12.833Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/eclipse-icon.svg?color=%231a73e8&size=48