eclipse logo
eclipse from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- eclipse
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the eclipse logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGroIvFbQl" x1=".5" x2=".5" y1="10.894" y2="-1.595" gradientTransform="matrix(76.53125 0 0 6.78125 32.176 54.11)" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"/><stop offset=".872" stop-color="#2c2255"/></linearGradient><linearGradient id="SVGWnlvucFF" x1=".5" x2=".5" y1="8.965" y2="-3.524" gradientTransform="matrix(76.53125 0 0 6.78125 32.176 67.191)" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"/><stop offset=".872" stop-color="#2c2255"/></linearGradient><linearGradient id="SVG9zU1iX7Y" x1=".5" x2=".5" y1="2.152" y2="-1.667" gradientTransform="matrix(69.61719 0 0 22.17969 35.633 80.27)" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"/><stop offset=".863" stop-color="#2c2255"/></linearGradient></defs><path fill="#2c2255" d="M35.633 80.27H16.375c2.55 8.75 7.281 16.59 14.21 23.515c11.044 11.047 24.325 16.563 39.852 16.563c3.106 0 6.114-.23 9.036-.672c11.699-1.766 21.941-7.055 30.715-15.89c6.972-6.927 11.738-14.766 14.308-23.516ZM25.016 54.113H14.953a59 59 0 0 0-.734 6.782h112.445a59 59 0 0 0-.738-6.782M14.219 67.191a59 59 0 0 0 .734 6.782H125.93q.562-3.37.738-6.782M124.5 47.812c-2.57-8.769-7.336-16.648-14.313-23.624c-8.75-8.754-18.964-14.004-30.624-15.77a61 61 0 0 0-9.122-.684c-15.53 0-28.812 5.489-39.855 16.453c-6.93 6.977-11.668 14.856-14.215 23.625"/><path fill="#f7941e" d="M10.875 64.043c0-29.703 22.309-54.383 51.332-58.723c-.719-.027-1.445-.058-2.172-.058c-32.566.004-58.969 26.32-58.969 58.781c0 32.465 26.403 58.781 58.97 58.781c.73 0 1.452-.027 2.175-.054c-29.027-4.34-51.336-29.02-51.336-58.727m0 0"/><path fill="url(#SVGroIvFbQl)" d="M108.707 60.89a38.4 38.4 0 0 0-1.164-6.78H33.34a38.4 38.4 0 0 0-1.164 6.78Zm0 0"/><path fill="url(#SVGWnlvucFF)" d="M108.707 67.191H32.176c.183 2.29.574 4.559 1.164 6.782h74.203a38.5 38.5 0 0 0 1.164-6.782m0 0"/><path fill="url(#SVG9zU1iX7Y)" d="M70.441 102.45c15.41 0 28.696-9.083 34.809-22.18H35.633c6.117 13.097 19.398 22.18 34.808 22.18m0 0"/><path fill="#fff" d="M26.504 67.191h100.082a56 56 0 0 0 .082-3.027c0-1.098-.04-2.187-.102-3.273H14.22a61 61 0 0 0-.102 3.273c0 1.016.031 2.023.082 3.027Zm8.906-19.379H16.371c-.625 2.051-1.031 4.157-1.418 6.301H125.57a55 55 0 0 0-1.515-6.3m-5.72 26.16H14.954c.375 2.14.805 4.246 1.422 6.297h108.05a56 56 0 0 0 1.49-6.297Zm0 0"/></svg>
React
import type { SVGProps } from "react";
export function DeviconEclipse(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGroIvFbQl" x1=".5" x2=".5" y1="10.894" y2="-1.595" gradientTransform="matrix(76.53125 0 0 6.78125 32.176 54.11)" gradientUnits="userSpaceOnUse"><stop offset=".303" stopColor="#473788"/><stop offset=".872" stopColor="#2c2255"/></linearGradient><linearGradient id="SVGWnlvucFF" x1=".5" x2=".5" y1="8.965" y2="-3.524" gradientTransform="matrix(76.53125 0 0 6.78125 32.176 67.191)" gradientUnits="userSpaceOnUse"><stop offset=".303" stopColor="#473788"/><stop offset=".872" stopColor="#2c2255"/></linearGradient><linearGradient id="SVG9zU1iX7Y" x1=".5" x2=".5" y1="2.152" y2="-1.667" gradientTransform="matrix(69.61719 0 0 22.17969 35.633 80.27)" gradientUnits="userSpaceOnUse"><stop offset=".303" stopColor="#473788"/><stop offset=".863" stopColor="#2c2255"/></linearGradient></defs><path fill="#2c2255" d="M35.633 80.27H16.375c2.55 8.75 7.281 16.59 14.21 23.515c11.044 11.047 24.325 16.563 39.852 16.563c3.106 0 6.114-.23 9.036-.672c11.699-1.766 21.941-7.055 30.715-15.89c6.972-6.927 11.738-14.766 14.308-23.516ZM25.016 54.113H14.953a59 59 0 0 0-.734 6.782h112.445a59 59 0 0 0-.738-6.782M14.219 67.191a59 59 0 0 0 .734 6.782H125.93q.562-3.37.738-6.782M124.5 47.812c-2.57-8.769-7.336-16.648-14.313-23.624c-8.75-8.754-18.964-14.004-30.624-15.77a61 61 0 0 0-9.122-.684c-15.53 0-28.812 5.489-39.855 16.453c-6.93 6.977-11.668 14.856-14.215 23.625"/><path fill="#f7941e" d="M10.875 64.043c0-29.703 22.309-54.383 51.332-58.723c-.719-.027-1.445-.058-2.172-.058c-32.566.004-58.969 26.32-58.969 58.781c0 32.465 26.403 58.781 58.97 58.781c.73 0 1.452-.027 2.175-.054c-29.027-4.34-51.336-29.02-51.336-58.727m0 0"/><path fill="url(#SVGroIvFbQl)" d="M108.707 60.89a38.4 38.4 0 0 0-1.164-6.78H33.34a38.4 38.4 0 0 0-1.164 6.78Zm0 0"/><path fill="url(#SVGWnlvucFF)" d="M108.707 67.191H32.176c.183 2.29.574 4.559 1.164 6.782h74.203a38.5 38.5 0 0 0 1.164-6.782m0 0"/><path fill="url(#SVG9zU1iX7Y)" d="M70.441 102.45c15.41 0 28.696-9.083 34.809-22.18H35.633c6.117 13.097 19.398 22.18 34.808 22.18m0 0"/><path fill="#fff" d="M26.504 67.191h100.082a56 56 0 0 0 .082-3.027c0-1.098-.04-2.187-.102-3.273H14.22a61 61 0 0 0-.102 3.273c0 1.016.031 2.023.082 3.027Zm8.906-19.379H16.371c-.625 2.051-1.031 4.157-1.418 6.301H125.57a55 55 0 0 0-1.515-6.3m-5.72 26.16H14.954c.375 2.14.805 4.246 1.422 6.297h108.05a56 56 0 0 0 1.49-6.297Zm0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGroIvFbQl" x1=".5" x2=".5" y1="10.894" y2="-1.595" gradientTransform="matrix(76.53125 0 0 6.78125 32.176 54.11)" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"/><stop offset=".872" stop-color="#2c2255"/></linearGradient><linearGradient id="SVGWnlvucFF" x1=".5" x2=".5" y1="8.965" y2="-3.524" gradientTransform="matrix(76.53125 0 0 6.78125 32.176 67.191)" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"/><stop offset=".872" stop-color="#2c2255"/></linearGradient><linearGradient id="SVG9zU1iX7Y" x1=".5" x2=".5" y1="2.152" y2="-1.667" gradientTransform="matrix(69.61719 0 0 22.17969 35.633 80.27)" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"/><stop offset=".863" stop-color="#2c2255"/></linearGradient></defs><path fill="#2c2255" d="M35.633 80.27H16.375c2.55 8.75 7.281 16.59 14.21 23.515c11.044 11.047 24.325 16.563 39.852 16.563c3.106 0 6.114-.23 9.036-.672c11.699-1.766 21.941-7.055 30.715-15.89c6.972-6.927 11.738-14.766 14.308-23.516ZM25.016 54.113H14.953a59 59 0 0 0-.734 6.782h112.445a59 59 0 0 0-.738-6.782M14.219 67.191a59 59 0 0 0 .734 6.782H125.93q.562-3.37.738-6.782M124.5 47.812c-2.57-8.769-7.336-16.648-14.313-23.624c-8.75-8.754-18.964-14.004-30.624-15.77a61 61 0 0 0-9.122-.684c-15.53 0-28.812 5.489-39.855 16.453c-6.93 6.977-11.668 14.856-14.215 23.625"/><path fill="#f7941e" d="M10.875 64.043c0-29.703 22.309-54.383 51.332-58.723c-.719-.027-1.445-.058-2.172-.058c-32.566.004-58.969 26.32-58.969 58.781c0 32.465 26.403 58.781 58.97 58.781c.73 0 1.452-.027 2.175-.054c-29.027-4.34-51.336-29.02-51.336-58.727m0 0"/><path fill="url(#SVGroIvFbQl)" d="M108.707 60.89a38.4 38.4 0 0 0-1.164-6.78H33.34a38.4 38.4 0 0 0-1.164 6.78Zm0 0"/><path fill="url(#SVGWnlvucFF)" d="M108.707 67.191H32.176c.183 2.29.574 4.559 1.164 6.782h74.203a38.5 38.5 0 0 0 1.164-6.782m0 0"/><path fill="url(#SVG9zU1iX7Y)" d="M70.441 102.45c15.41 0 28.696-9.083 34.809-22.18H35.633c6.117 13.097 19.398 22.18 34.808 22.18m0 0"/><path fill="#fff" d="M26.504 67.191h100.082a56 56 0 0 0 .082-3.027c0-1.098-.04-2.187-.102-3.273H14.22a61 61 0 0 0-.102 3.273c0 1.016.031 2.023.082 3.027Zm8.906-19.379H16.371c-.625 2.051-1.031 4.157-1.418 6.301H125.57a55 55 0 0 0-1.515-6.3m-5.72 26.16H14.954c.375 2.14.805 4.246 1.422 6.297h108.05a56 56 0 0 0 1.49-6.297Zm0 0"/></svg> </template>
CSS
.icon-eclipse {
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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGroIvFbQl%22%20x1%3D%22.5%22%20x2%3D%22.5%22%20y1%3D%2210.894%22%20y2%3D%22-1.595%22%20gradientTransform%3D%22matrix(76.53125%200%200%206.78125%2032.176%2054.11)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.303%22%20stop-color%3D%22%23473788%22%2F%3E%3Cstop%20offset%3D%22.872%22%20stop-color%3D%22%232c2255%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGWnlvucFF%22%20x1%3D%22.5%22%20x2%3D%22.5%22%20y1%3D%228.965%22%20y2%3D%22-3.524%22%20gradientTransform%3D%22matrix(76.53125%200%200%206.78125%2032.176%2067.191)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.303%22%20stop-color%3D%22%23473788%22%2F%3E%3Cstop%20offset%3D%22.872%22%20stop-color%3D%22%232c2255%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG9zU1iX7Y%22%20x1%3D%22.5%22%20x2%3D%22.5%22%20y1%3D%222.152%22%20y2%3D%22-1.667%22%20gradientTransform%3D%22matrix(69.61719%200%200%2022.17969%2035.633%2080.27)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.303%22%20stop-color%3D%22%23473788%22%2F%3E%3Cstop%20offset%3D%22.863%22%20stop-color%3D%22%232c2255%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%232c2255%22%20d%3D%22M35.633%2080.27H16.375c2.55%208.75%207.281%2016.59%2014.21%2023.515c11.044%2011.047%2024.325%2016.563%2039.852%2016.563c3.106%200%206.114-.23%209.036-.672c11.699-1.766%2021.941-7.055%2030.715-15.89c6.972-6.927%2011.738-14.766%2014.308-23.516ZM25.016%2054.113H14.953a59%2059%200%200%200-.734%206.782h112.445a59%2059%200%200%200-.738-6.782M14.219%2067.191a59%2059%200%200%200%20.734%206.782H125.93q.562-3.37.738-6.782M124.5%2047.812c-2.57-8.769-7.336-16.648-14.313-23.624c-8.75-8.754-18.964-14.004-30.624-15.77a61%2061%200%200%200-9.122-.684c-15.53%200-28.812%205.489-39.855%2016.453c-6.93%206.977-11.668%2014.856-14.215%2023.625%22%2F%3E%3Cpath%20fill%3D%22%23f7941e%22%20d%3D%22M10.875%2064.043c0-29.703%2022.309-54.383%2051.332-58.723c-.719-.027-1.445-.058-2.172-.058c-32.566.004-58.969%2026.32-58.969%2058.781c0%2032.465%2026.403%2058.781%2058.97%2058.781c.73%200%201.452-.027%202.175-.054c-29.027-4.34-51.336-29.02-51.336-58.727m0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGroIvFbQl)%22%20d%3D%22M108.707%2060.89a38.4%2038.4%200%200%200-1.164-6.78H33.34a38.4%2038.4%200%200%200-1.164%206.78Zm0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGWnlvucFF)%22%20d%3D%22M108.707%2067.191H32.176c.183%202.29.574%204.559%201.164%206.782h74.203a38.5%2038.5%200%200%200%201.164-6.782m0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9zU1iX7Y)%22%20d%3D%22M70.441%20102.45c15.41%200%2028.696-9.083%2034.809-22.18H35.633c6.117%2013.097%2019.398%2022.18%2034.808%2022.18m0%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M26.504%2067.191h100.082a56%2056%200%200%200%20.082-3.027c0-1.098-.04-2.187-.102-3.273H14.22a61%2061%200%200%200-.102%203.273c0%201.016.031%202.023.082%203.027Zm8.906-19.379H16.371c-.625%202.051-1.031%204.157-1.418%206.301H125.57a55%2055%200%200%200-1.515-6.3m-5.72%2026.16H14.954c.375%202.14.805%204.246%201.422%206.297h108.05a56%2056%200%200%200%201.49-6.297Zm0%200%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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGroIvFbQl%22%20x1%3D%22.5%22%20x2%3D%22.5%22%20y1%3D%2210.894%22%20y2%3D%22-1.595%22%20gradientTransform%3D%22matrix(76.53125%200%200%206.78125%2032.176%2054.11)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.303%22%20stop-color%3D%22%23473788%22%2F%3E%3Cstop%20offset%3D%22.872%22%20stop-color%3D%22%232c2255%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGWnlvucFF%22%20x1%3D%22.5%22%20x2%3D%22.5%22%20y1%3D%228.965%22%20y2%3D%22-3.524%22%20gradientTransform%3D%22matrix(76.53125%200%200%206.78125%2032.176%2067.191)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.303%22%20stop-color%3D%22%23473788%22%2F%3E%3Cstop%20offset%3D%22.872%22%20stop-color%3D%22%232c2255%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG9zU1iX7Y%22%20x1%3D%22.5%22%20x2%3D%22.5%22%20y1%3D%222.152%22%20y2%3D%22-1.667%22%20gradientTransform%3D%22matrix(69.61719%200%200%2022.17969%2035.633%2080.27)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.303%22%20stop-color%3D%22%23473788%22%2F%3E%3Cstop%20offset%3D%22.863%22%20stop-color%3D%22%232c2255%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%232c2255%22%20d%3D%22M35.633%2080.27H16.375c2.55%208.75%207.281%2016.59%2014.21%2023.515c11.044%2011.047%2024.325%2016.563%2039.852%2016.563c3.106%200%206.114-.23%209.036-.672c11.699-1.766%2021.941-7.055%2030.715-15.89c6.972-6.927%2011.738-14.766%2014.308-23.516ZM25.016%2054.113H14.953a59%2059%200%200%200-.734%206.782h112.445a59%2059%200%200%200-.738-6.782M14.219%2067.191a59%2059%200%200%200%20.734%206.782H125.93q.562-3.37.738-6.782M124.5%2047.812c-2.57-8.769-7.336-16.648-14.313-23.624c-8.75-8.754-18.964-14.004-30.624-15.77a61%2061%200%200%200-9.122-.684c-15.53%200-28.812%205.489-39.855%2016.453c-6.93%206.977-11.668%2014.856-14.215%2023.625%22%2F%3E%3Cpath%20fill%3D%22%23f7941e%22%20d%3D%22M10.875%2064.043c0-29.703%2022.309-54.383%2051.332-58.723c-.719-.027-1.445-.058-2.172-.058c-32.566.004-58.969%2026.32-58.969%2058.781c0%2032.465%2026.403%2058.781%2058.97%2058.781c.73%200%201.452-.027%202.175-.054c-29.027-4.34-51.336-29.02-51.336-58.727m0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGroIvFbQl)%22%20d%3D%22M108.707%2060.89a38.4%2038.4%200%200%200-1.164-6.78H33.34a38.4%2038.4%200%200%200-1.164%206.78Zm0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGWnlvucFF)%22%20d%3D%22M108.707%2067.191H32.176c.183%202.29.574%204.559%201.164%206.782h74.203a38.5%2038.5%200%200%200%201.164-6.782m0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9zU1iX7Y)%22%20d%3D%22M70.441%20102.45c15.41%200%2028.696-9.083%2034.809-22.18H35.633c6.117%2013.097%2019.398%2022.18%2034.808%2022.18m0%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M26.504%2067.191h100.082a56%2056%200%200%200%20.082-3.027c0-1.098-.04-2.187-.102-3.273H14.22a61%2061%200%200%200-.102%203.273c0%201.016.031%202.023.082%203.027Zm8.906-19.379H16.371c-.625%202.051-1.031%204.157-1.418%206.301H125.57a55%2055%200%200%200-1.515-6.3m-5.72%2026.16H14.954c.375%202.14.805%204.246%201.422%206.297h108.05a56%2056%200%200%200%201.49-6.297Zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/eclipse.svg?color=%231a73e8&size=48
