eclipse logo
eclipse-light from Skill Icons by tandpfun · Light · MIT Free for personal and commercial use.
- Name
- eclipse-light
- Set
- Skill Icons
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
1 other variant in Skill Icons
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 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#2c2255" d="M83.044 153.434H52.377c4.06 13.929 11.596 26.414 22.627 37.445c17.586 17.59 38.733 26.37 63.461 26.37c4.944 0 9.733-.368 14.385-1.069c18.627-2.812 34.934-11.233 48.907-25.301c11.102-11.027 18.69-23.516 22.782-37.445zm-16.91-41.652h-16.02a94 94 0 0 0-1.167 10.799h179.042a93 93 0 0 0-1.174-10.799M48.947 132.609c.181 3.686.579 7.28 1.167 10.798h176.705c.59-3.518.993-7.112 1.176-10.798m-3.453-30.856c-4.088-13.968-11.678-26.51-22.786-37.62c-13.936-13.934-30.197-22.296-48.763-25.11a97 97 0 0 0-14.528-1.086c-24.729 0-45.877 8.735-63.461 26.197c-11.035 11.11-18.574 23.652-22.632 37.619"/><path fill="#f7941e" d="M43.623 127.597c0-47.297 35.522-86.595 81.732-93.507c-1.146-.042-2.298-.09-3.456-.09C70.042 34 28 75.907 28 127.597c0 51.693 42.04 93.596 93.899 93.596c1.162 0 2.314-.043 3.464-.087c-46.218-6.912-81.74-46.21-81.74-93.509"/><path fill="url(#SVG2s6HtbJL)" d="M199.398 122.579a61 61 0 0 0-1.854-10.798H79.394a61 61 0 0 0-1.855 10.798z"/><path fill="url(#SVGcmXTMe7I)" d="M199.398 132.609H77.54c.3 3.701.921 7.309 1.854 10.798h118.152a61 61 0 0 0 1.852-10.798"/><path fill="url(#SVGrhPy6dMt)" d="M138.469 188.748c24.537 0 45.687-14.457 55.427-35.314H83.043c9.74 20.857 30.89 35.314 55.426 35.314"/><path fill="#fff" d="M68.509 132.608h159.359c.084-1.595.132-3.201.132-4.82c0-1.749-.064-3.482-.163-5.211H48.947a91 91 0 0 0-.163 5.211c0 1.619.047 3.225.132 4.82zm14.176-30.855H52.37c-.996 3.265-1.64 6.615-2.256 10.031h176.135a89 89 0 0 0-2.41-10.031m-9.106 41.652H50.112c.6 3.412 1.284 6.76 2.264 10.029h172.049a89 89 0 0 0 2.37-10.029z"/><defs><linearGradient id="SVG2s6HtbJL" x1="138.467" x2="138.467" y1="229.42" y2="94.558" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"/><stop offset=".872" stop-color="#2c2255"/></linearGradient><linearGradient id="SVGcmXTMe7I" x1="138.468" x2="138.468" y1="229.422" y2="94.56" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"/><stop offset=".872" stop-color="#2c2255"/></linearGradient><linearGradient id="SVGrhPy6dMt" x1="138.469" x2="138.469" y1="229.417" y2="94.564" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"/><stop offset=".863" stop-color="#2c2255"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsEclipseLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#2c2255" d="M83.044 153.434H52.377c4.06 13.929 11.596 26.414 22.627 37.445c17.586 17.59 38.733 26.37 63.461 26.37c4.944 0 9.733-.368 14.385-1.069c18.627-2.812 34.934-11.233 48.907-25.301c11.102-11.027 18.69-23.516 22.782-37.445zm-16.91-41.652h-16.02a94 94 0 0 0-1.167 10.799h179.042a93 93 0 0 0-1.174-10.799M48.947 132.609c.181 3.686.579 7.28 1.167 10.798h176.705c.59-3.518.993-7.112 1.176-10.798m-3.453-30.856c-4.088-13.968-11.678-26.51-22.786-37.62c-13.936-13.934-30.197-22.296-48.763-25.11a97 97 0 0 0-14.528-1.086c-24.729 0-45.877 8.735-63.461 26.197c-11.035 11.11-18.574 23.652-22.632 37.619"/><path fill="#f7941e" d="M43.623 127.597c0-47.297 35.522-86.595 81.732-93.507c-1.146-.042-2.298-.09-3.456-.09C70.042 34 28 75.907 28 127.597c0 51.693 42.04 93.596 93.899 93.596c1.162 0 2.314-.043 3.464-.087c-46.218-6.912-81.74-46.21-81.74-93.509"/><path fill="url(#SVG2s6HtbJL)" d="M199.398 122.579a61 61 0 0 0-1.854-10.798H79.394a61 61 0 0 0-1.855 10.798z"/><path fill="url(#SVGcmXTMe7I)" d="M199.398 132.609H77.54c.3 3.701.921 7.309 1.854 10.798h118.152a61 61 0 0 0 1.852-10.798"/><path fill="url(#SVGrhPy6dMt)" d="M138.469 188.748c24.537 0 45.687-14.457 55.427-35.314H83.043c9.74 20.857 30.89 35.314 55.426 35.314"/><path fill="#fff" d="M68.509 132.608h159.359c.084-1.595.132-3.201.132-4.82c0-1.749-.064-3.482-.163-5.211H48.947a91 91 0 0 0-.163 5.211c0 1.619.047 3.225.132 4.82zm14.176-30.855H52.37c-.996 3.265-1.64 6.615-2.256 10.031h176.135a89 89 0 0 0-2.41-10.031m-9.106 41.652H50.112c.6 3.412 1.284 6.76 2.264 10.029h172.049a89 89 0 0 0 2.37-10.029z"/><defs><linearGradient id="SVG2s6HtbJL" x1="138.467" x2="138.467" y1="229.42" y2="94.558" gradientUnits="userSpaceOnUse"><stop offset=".303" stopColor="#473788"/><stop offset=".872" stopColor="#2c2255"/></linearGradient><linearGradient id="SVGcmXTMe7I" x1="138.468" x2="138.468" y1="229.422" y2="94.56" gradientUnits="userSpaceOnUse"><stop offset=".303" stopColor="#473788"/><stop offset=".872" stopColor="#2c2255"/></linearGradient><linearGradient id="SVGrhPy6dMt" x1="138.469" x2="138.469" y1="229.417" y2="94.564" gradientUnits="userSpaceOnUse"><stop offset=".303" stopColor="#473788"/><stop offset=".863" stopColor="#2c2255"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#2c2255" d="M83.044 153.434H52.377c4.06 13.929 11.596 26.414 22.627 37.445c17.586 17.59 38.733 26.37 63.461 26.37c4.944 0 9.733-.368 14.385-1.069c18.627-2.812 34.934-11.233 48.907-25.301c11.102-11.027 18.69-23.516 22.782-37.445zm-16.91-41.652h-16.02a94 94 0 0 0-1.167 10.799h179.042a93 93 0 0 0-1.174-10.799M48.947 132.609c.181 3.686.579 7.28 1.167 10.798h176.705c.59-3.518.993-7.112 1.176-10.798m-3.453-30.856c-4.088-13.968-11.678-26.51-22.786-37.62c-13.936-13.934-30.197-22.296-48.763-25.11a97 97 0 0 0-14.528-1.086c-24.729 0-45.877 8.735-63.461 26.197c-11.035 11.11-18.574 23.652-22.632 37.619"/><path fill="#f7941e" d="M43.623 127.597c0-47.297 35.522-86.595 81.732-93.507c-1.146-.042-2.298-.09-3.456-.09C70.042 34 28 75.907 28 127.597c0 51.693 42.04 93.596 93.899 93.596c1.162 0 2.314-.043 3.464-.087c-46.218-6.912-81.74-46.21-81.74-93.509"/><path fill="url(#SVG2s6HtbJL)" d="M199.398 122.579a61 61 0 0 0-1.854-10.798H79.394a61 61 0 0 0-1.855 10.798z"/><path fill="url(#SVGcmXTMe7I)" d="M199.398 132.609H77.54c.3 3.701.921 7.309 1.854 10.798h118.152a61 61 0 0 0 1.852-10.798"/><path fill="url(#SVGrhPy6dMt)" d="M138.469 188.748c24.537 0 45.687-14.457 55.427-35.314H83.043c9.74 20.857 30.89 35.314 55.426 35.314"/><path fill="#fff" d="M68.509 132.608h159.359c.084-1.595.132-3.201.132-4.82c0-1.749-.064-3.482-.163-5.211H48.947a91 91 0 0 0-.163 5.211c0 1.619.047 3.225.132 4.82zm14.176-30.855H52.37c-.996 3.265-1.64 6.615-2.256 10.031h176.135a89 89 0 0 0-2.41-10.031m-9.106 41.652H50.112c.6 3.412 1.284 6.76 2.264 10.029h172.049a89 89 0 0 0 2.37-10.029z"/><defs><linearGradient id="SVG2s6HtbJL" x1="138.467" x2="138.467" y1="229.42" y2="94.558" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"/><stop offset=".872" stop-color="#2c2255"/></linearGradient><linearGradient id="SVGcmXTMe7I" x1="138.468" x2="138.468" y1="229.422" y2="94.56" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"/><stop offset=".872" stop-color="#2c2255"/></linearGradient><linearGradient id="SVGrhPy6dMt" x1="138.469" x2="138.469" y1="229.417" y2="94.564" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"/><stop offset=".863" stop-color="#2c2255"/></linearGradient></defs></g></svg> </template>
CSS
.icon-eclipse-light {
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%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23f4f2ed%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%232c2255%22%20d%3D%22M83.044%20153.434H52.377c4.06%2013.929%2011.596%2026.414%2022.627%2037.445c17.586%2017.59%2038.733%2026.37%2063.461%2026.37c4.944%200%209.733-.368%2014.385-1.069c18.627-2.812%2034.934-11.233%2048.907-25.301c11.102-11.027%2018.69-23.516%2022.782-37.445zm-16.91-41.652h-16.02a94%2094%200%200%200-1.167%2010.799h179.042a93%2093%200%200%200-1.174-10.799M48.947%20132.609c.181%203.686.579%207.28%201.167%2010.798h176.705c.59-3.518.993-7.112%201.176-10.798m-3.453-30.856c-4.088-13.968-11.678-26.51-22.786-37.62c-13.936-13.934-30.197-22.296-48.763-25.11a97%2097%200%200%200-14.528-1.086c-24.729%200-45.877%208.735-63.461%2026.197c-11.035%2011.11-18.574%2023.652-22.632%2037.619%22%2F%3E%3Cpath%20fill%3D%22%23f7941e%22%20d%3D%22M43.623%20127.597c0-47.297%2035.522-86.595%2081.732-93.507c-1.146-.042-2.298-.09-3.456-.09C70.042%2034%2028%2075.907%2028%20127.597c0%2051.693%2042.04%2093.596%2093.899%2093.596c1.162%200%202.314-.043%203.464-.087c-46.218-6.912-81.74-46.21-81.74-93.509%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2s6HtbJL)%22%20d%3D%22M199.398%20122.579a61%2061%200%200%200-1.854-10.798H79.394a61%2061%200%200%200-1.855%2010.798z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGcmXTMe7I)%22%20d%3D%22M199.398%20132.609H77.54c.3%203.701.921%207.309%201.854%2010.798h118.152a61%2061%200%200%200%201.852-10.798%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGrhPy6dMt)%22%20d%3D%22M138.469%20188.748c24.537%200%2045.687-14.457%2055.427-35.314H83.043c9.74%2020.857%2030.89%2035.314%2055.426%2035.314%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M68.509%20132.608h159.359c.084-1.595.132-3.201.132-4.82c0-1.749-.064-3.482-.163-5.211H48.947a91%2091%200%200%200-.163%205.211c0%201.619.047%203.225.132%204.82zm14.176-30.855H52.37c-.996%203.265-1.64%206.615-2.256%2010.031h176.135a89%2089%200%200%200-2.41-10.031m-9.106%2041.652H50.112c.6%203.412%201.284%206.76%202.264%2010.029h172.049a89%2089%200%200%200%202.37-10.029z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG2s6HtbJL%22%20x1%3D%22138.467%22%20x2%3D%22138.467%22%20y1%3D%22229.42%22%20y2%3D%2294.558%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%22SVGcmXTMe7I%22%20x1%3D%22138.468%22%20x2%3D%22138.468%22%20y1%3D%22229.422%22%20y2%3D%2294.56%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%22SVGrhPy6dMt%22%20x1%3D%22138.469%22%20x2%3D%22138.469%22%20y1%3D%22229.417%22%20y2%3D%2294.564%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%3C%2Fg%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%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23f4f2ed%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%232c2255%22%20d%3D%22M83.044%20153.434H52.377c4.06%2013.929%2011.596%2026.414%2022.627%2037.445c17.586%2017.59%2038.733%2026.37%2063.461%2026.37c4.944%200%209.733-.368%2014.385-1.069c18.627-2.812%2034.934-11.233%2048.907-25.301c11.102-11.027%2018.69-23.516%2022.782-37.445zm-16.91-41.652h-16.02a94%2094%200%200%200-1.167%2010.799h179.042a93%2093%200%200%200-1.174-10.799M48.947%20132.609c.181%203.686.579%207.28%201.167%2010.798h176.705c.59-3.518.993-7.112%201.176-10.798m-3.453-30.856c-4.088-13.968-11.678-26.51-22.786-37.62c-13.936-13.934-30.197-22.296-48.763-25.11a97%2097%200%200%200-14.528-1.086c-24.729%200-45.877%208.735-63.461%2026.197c-11.035%2011.11-18.574%2023.652-22.632%2037.619%22%2F%3E%3Cpath%20fill%3D%22%23f7941e%22%20d%3D%22M43.623%20127.597c0-47.297%2035.522-86.595%2081.732-93.507c-1.146-.042-2.298-.09-3.456-.09C70.042%2034%2028%2075.907%2028%20127.597c0%2051.693%2042.04%2093.596%2093.899%2093.596c1.162%200%202.314-.043%203.464-.087c-46.218-6.912-81.74-46.21-81.74-93.509%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2s6HtbJL)%22%20d%3D%22M199.398%20122.579a61%2061%200%200%200-1.854-10.798H79.394a61%2061%200%200%200-1.855%2010.798z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGcmXTMe7I)%22%20d%3D%22M199.398%20132.609H77.54c.3%203.701.921%207.309%201.854%2010.798h118.152a61%2061%200%200%200%201.852-10.798%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGrhPy6dMt)%22%20d%3D%22M138.469%20188.748c24.537%200%2045.687-14.457%2055.427-35.314H83.043c9.74%2020.857%2030.89%2035.314%2055.426%2035.314%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M68.509%20132.608h159.359c.084-1.595.132-3.201.132-4.82c0-1.749-.064-3.482-.163-5.211H48.947a91%2091%200%200%200-.163%205.211c0%201.619.047%203.225.132%204.82zm14.176-30.855H52.37c-.996%203.265-1.64%206.615-2.256%2010.031h176.135a89%2089%200%200%200-2.41-10.031m-9.106%2041.652H50.112c.6%203.412%201.284%206.76%202.264%2010.029h172.049a89%2089%200%200%200%202.37-10.029z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG2s6HtbJL%22%20x1%3D%22138.467%22%20x2%3D%22138.467%22%20y1%3D%22229.42%22%20y2%3D%2294.558%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%22SVGcmXTMe7I%22%20x1%3D%22138.468%22%20x2%3D%22138.468%22%20y1%3D%22229.422%22%20y2%3D%2294.56%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%22SVGrhPy6dMt%22%20x1%3D%22138.469%22%20x2%3D%22138.469%22%20y1%3D%22229.417%22%20y2%3D%2294.564%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%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/eclipse-light.svg?color=%231a73e8&size=48
