Epsagon Icon
The Epsagon Icon represents a variant of the Epsagon logo, symbolizing application performance monitoring and observability.
Exports at 38 × 24 px
Code
Epsagon Icon in your framework
In any framework. Customize it above, and the code follows.
export const EpsagonIconIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="38" height="24" viewBox="0 0 256 163" {...props}>
<defs><linearGradient id="logosEpsagonIcon0" x1="-1246.114%" x2="12.973%" y1="-445.363%" y2="35.84%"><stop offset="0%" stopColor="#5CCD53"/><stop offset="99%" stopColor="#0000F3"/></linearGradient><linearGradient id="logosEpsagonIcon1" x1="81.768%" x2="838.157%" y1="62.157%" y2="351.401%"><stop offset="0%" stopColor="#5CCD53"/><stop offset="99%" stopColor="#0000F3"/></linearGradient><linearGradient id="logosEpsagonIcon2" x1="26.883%" x2="394.258%" y1="38.702%" y2="212.238%"><stop offset="0%" stopColor="#5CCD53"/><stop offset="99%" stopColor="#0000F3"/></linearGradient><linearGradient id="logosEpsagonIcon3" x1="-9.279%" x2="100.746%" y1="24.494%" y2="58.091%"><stop offset="0%" stopColor="#5CCD53"/><stop offset="99%" stopColor="#0000F3"/></linearGradient><linearGradient id="logosEpsagonIcon4" x1="46.668%" x2="98.994%" y1="50%" y2="50%"><stop offset="0%" stopColor="#FFF" stopOpacity="0"/><stop offset="100%" stopColor="#FFF" stopOpacity=".8"/></linearGradient><linearGradient id="logosEpsagonIcon5" x1="100%" x2="0%" y1="50%" y2="50%"><stop offset="0%" stopColor="#EEF1FE"/><stop offset="87.071%" stopColor="#C6D4FC"/><stop offset="100%" stopColor="#C2D1FC" stopOpacity="0"/></linearGradient><path id="logosEpsagonIcon6" d="M49.827 58.231c.77-.77 7.496-4.363 8.304-4.725l5.927-2.655l-3.795-25.168l3.795-19.788l6.157-5.08l5.149 3.033l.061 6.927L82.522 0l7.98.177l1.001 11.49l1.047 21.636l-7.973 21.396l15.092 15.393v27.16l-10.705 7.181H67.798l-22.389 5.11l-5.387 14.901l4.525 12.838l6.458 7.15l-9.744 3.848l-22.79-25.136l1.093-12.038l-15.177-7.742L0 70.107L25.352 51.59z"/><path id="logosEpsagonIcon7" fill="#1A1233" d="m245.371 141.692l-6.165 4.687l.985 7.674l7.135 2.993l6.165-4.687l-.985-7.68zM10.244 90.711L0 98.507l1.632 12.776l11.875 4.972l10.244-7.796l-1.631-12.776zm44.17-19.58l-1.139-8.959l-9.559-4.002l-8.243 6.273l.87 6.772l-7.335 5.58l2.201 17.233l16.024 6.719l13.823-10.529l-2.201-17.232zm186.478-4.318l7.973-21.396l-1.046-21.635l-1-11.49l-7.982-.178l-7.096 10.775l-.062-6.927l-5.149-2.955l-6.157 5.08l-3.794 19.787l3.794 25.168s-5.118 2.309-5.926 2.655c-.4.177-1.47.67-2.555 1.208l-.77-5.98l-28.977-12.137l-1.732 1.316l-.7-5.518l-34.096-14.277l-9.751 7.42l-9.067-3.803l-10.167 7.697l-9.451-3.956l11.399-8.674l-2.663-20.866L96.514 0l-16.74 12.745l2.163 16.933l-12.238 9.312l1.463 11.476l-4.033 3.078l4.402 34.457l32.04 13.423l17.164-13.084l.13.985l9.467 3.972l2.009 15.747l27.707 11.606l4.272-3.248l11.49 5.857l-1.046 12.053l22.12 24.359v.123l.153.062l.547.592l.446-.177l4.618 1.94l4.987-3.795l-.77-6.21l-5.61-2.31l-.37-.415l-4.571-12.869l5.387-14.9l.655-.146l-.093.069l1.54 12.268l10.505 4.395l.67 5.28l9.682 4.056l8.35-6.358l-1.323-10.413l-7.042-2.948l-1.147-8.997l-3.394-1.416l4.025-.924h21.165l10.706-7.18V82.275z"/></defs><use href="#logosEpsagonIcon7"/><path fill="#A1BEFF" d="m211.114 60.902l-28.977-12.137l-25.006 19.026l3.979 31.163l28.985 12.137l24.998-19.026z" opacity=".77"/><path fill="#A1BEFF" d="m179.697 44.563l-34.095-14.285l-29.416 22.389l4.679 36.674l34.096 14.277l29.423-22.382z" opacity=".74"/><path fill="#A1BEFF" d="m126.822 45.909l-32.04-13.422l-27.646 21.042l4.395 34.465l32.048 13.415l27.646-21.035z" opacity=".79"/><path fill="#A1BEFF" d="m98.292 35.342l-15.347-6.434L69.699 38.99l2.109 16.502l15.347 6.426L100.4 51.843z" opacity=".7"/><path fill="#A1BEFF" d="m144.032 41.122l-17.24-7.219l-14.878 11.321l2.363 18.549l17.248 7.219l14.877-11.321z" opacity=".37"/><path fill="#A1BEFF" d="m231.671 130.855l-7.042-2.947l-1.147-8.99l-11.413-4.779l-9.844 7.488l1.57 12.276l10.498 4.395l.677 5.272l9.682 4.056l8.351-6.357z" opacity=".7"/><path fill="#A1BEFF" d="m206.827 152.205l-5.772-2.416l-4.98 3.786l.793 6.211l5.772 2.417l4.98-3.787zm45.679-7.527l-7.135-2.986l-6.165 4.687l.985 7.674l7.135 2.993l6.165-4.687zM22.12 95.683L10.244 90.71L0 98.507l1.632 12.776l11.875 4.972l10.244-7.796z"/><path fill="#A1BEFF" d="m58.855 72.986l-16.024-6.712l-13.823 10.521l2.201 17.233l16.024 6.719l13.823-10.529z" opacity=".29"/><g transform="translate(156.292 12.168)"><mask id="logosEpsagonIcon8" fill="#fff"><use href="#logosEpsagonIcon6"/></mask><use fill="#A1BEFF" href="#logosEpsagonIcon6" opacity=".46"/><path fill="#A1BEFF" d="M52.952 56.254c.77-.77 4.371-2.417 5.18-2.779l5.926-2.655l-3.795-25.168l3.795-19.787l6.157-5.08l5.149 3.032l.061 6.927L82.522-.03l7.98.177l1.001 11.491l1.047 21.635l-7.973 21.396l15.092 15.393v27.16l-10.705 7.182H67.798l-22.389 5.14l-5.387 14.901l4.525 12.838l6.458 7.15l-9.744 3.848l-22.79-25.136l1.093-12.038l-15.177-7.742L0 70.107l28.077-24.444z" mask="url(#logosEpsagonIcon8)"/></g><path fill="#A1BEFF" d="m53.275 62.172l-9.559-4.002l-8.243 6.273l1.316 10.274l9.551 4.002l8.243-6.272z" opacity=".7"/><path fill="#A1BEFF" d="m180.167 72.662l-27.715-11.614l-23.913 18.203l3.81 29.8l27.714 11.614l23.906-18.202z" opacity=".22"/><path fill="#A1BEFF" d="m188.402 69.699l-21.035-8.812l-18.148 13.815l2.894 22.62l21.034 8.805l18.141-13.808z" opacity=".22"/><path fill="#A1BEFF" d="M115.917 8.127L96.514 0L79.782 12.738l2.663 20.865l19.395 8.127l16.74-12.737z"/><g opacity=".3"><use href="#logosEpsagonIcon7"/><path fill="url(#logosEpsagonIcon0)" d="m245.371 141.692l-6.165 4.687l.985 7.674l7.135 2.993l6.165-4.687l-.985-7.681z"/><path fill="url(#logosEpsagonIcon1)" d="M10.244 90.711L0 98.507l1.632 12.776l11.875 4.972l10.244-7.796l-1.631-12.776z"/><path fill="url(#logosEpsagonIcon2)" d="m54.414 71.131l-1.139-8.959l-9.559-4.002l-8.243 6.273l.87 6.772l-7.335 5.58l2.201 17.233l16.024 6.719l13.823-10.529l-2.201-17.232z"/><path fill="url(#logosEpsagonIcon3)" d="m240.892 66.813l7.973-21.396l-1.046-21.635l-1-11.49l-7.982-.178l-7.096 10.775l-.062-6.927l-5.149-2.955l-6.157 5.08l-3.794 19.787l3.794 25.168s-5.118 2.309-5.926 2.655c-.4.177-1.47.67-2.555 1.208l-.77-5.98l-28.977-12.137l-1.732 1.316l-.7-5.518l-34.096-14.277l-9.751 7.42l-9.067-3.803l-10.167 7.697l-9.451-3.956l11.399-8.674l-2.663-20.866L96.514 0l-16.74 12.745l2.163 16.933l-12.238 9.312l1.463 11.476l-4.033 3.078l4.402 34.457l32.04 13.423l17.164-13.084l.13.985l9.467 3.972l2.009 15.747l27.707 11.606l4.272-3.248l11.49 5.857l-1.046 12.053l22.12 24.359v.123l.153.062l.547.592l.446-.177l4.618 1.94l4.987-3.795l-.77-6.21l-5.61-2.31l-.37-.415l-4.571-12.869l5.387-14.9l.655-.146l-.093.069l1.54 12.268l10.505 4.395l.67 5.28l9.682 4.056l8.35-6.358l-1.323-10.413l-7.042-2.948l-1.147-8.997l-3.394-1.416l4.025-.924h21.165l10.706-7.18V82.275z"/></g><path fill="url(#logosEpsagonIcon4)" d="m252.498 144.686l.978 7.696l-6.158 4.688l-7.134-3.01l-.978-7.696l6.157-4.687zM10.244 90.74L0 98.515l1.593 12.768l11.876 4.98l10.282-7.82l-1.631-12.768zm44.17-19.587l-1.147-8.951l-9.551-4.002l-8.258 6.25l.862 6.764l-7.335 5.588l2.201 17.232l16.04 6.712l13.853-10.521l-2.224-17.233zm186.478-4.318l7.973-21.396l-1.046-21.658l-1-11.49l-7.982-.178l-7.096 10.775l-.062-6.927l-5.149-2.955l-6.157 5.08l-3.794 19.787l3.794 25.168s-5.118 2.309-5.926 2.655c-.4.177-1.47.67-2.555 1.208l-.77-5.98l-28.977-12.137l-1.732 1.316l-.7-5.518l-34.096-14.277l-9.751 7.42l-9.067-3.803l-10.167 7.697l-9.451-3.956l11.399-8.674l-2.663-20.866L96.514 0l-16.74 12.745l2.163 16.933l-12.238 9.312l1.463 11.476l-4.033 3.078l4.402 34.457l32.04 13.423l17.164-13.084l.13.985l9.467 3.972l2.009 15.747l27.707 11.606l4.272-3.248l11.49 5.857l-1.046 12.053l22.12 24.359v.123l.153.062l.547.592l.446-.177l4.618 1.94l4.987-3.795l-.77-6.21l-5.61-2.31l-.37-.415l-4.571-12.869l5.387-14.9l.655-.146l-.093.069l1.54 12.268l10.505 4.395l.67 5.28l9.682 4.056l8.35-6.358l-1.323-10.413l-7.042-2.948l-1.147-8.997l-3.394-1.416l4.025-.924h21.165l10.706-7.18V82.275z"/><path fill="url(#logosEpsagonIcon5)" d="M207.297 68.445c.77-.77 6.319-2.41 7.127-2.771l5.926-2.655l-3.794-25.168l3.794-19.787l6.157-5.08l5.15 3.032l.06 6.927l7.097-10.775l7.981.177l1 11.491l1.047 21.635l-7.973 21.396l15.093 15.393v27.16l-10.706 7.182H224.09l-22.389 5.11l-5.387 14.9l4.525 12.838l6.458 7.15l-9.744 3.848l-22.79-25.136l1.094-12.038v-7.019l-7.166 4.41V70.992l15.693-12.791z"/>
</svg>
);SVG Logos
More like it
Icons that share its tags, in the same style.
Search SVG Logos
Skip the copy and paste. With Pro, your AI agent finds and installs any SVG Logos icon from a prompt.
Get ProTags
Browse by tag
Epsagon Icon is tagged monitoring, kubernetes, microservices and 2 more. Related tags follow; each opens its icons from every library.
Pricing
SVG Logos MCP, with Pro
Ask for Epsagon Icon or any of 2,063 SVG Logos icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Epsagon Icon icon means and where it's used, then how to install, style, label and license it.
The Epsagon Icon represents a variant of the Epsagon logo, symbolizing application performance monitoring and observability. Epsagon provides insights into cloud-native applications and Kubernetes environments.
Epsagon is used in modern software architectures to monitor and optimize application performance, identify issues, and improve overall system reliability.
From a UX perspective, the Epsagon Icon communicates a sense of monitoring, observability, and performance optimization, helping users understand the platform's capabilities and benefits.
Epsagon Icon is one of 2,063 icons in SVG Logos, made by Gil Barbara and released under CC0. It is drawn on a 256 × 163 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds EpsagonIconIcon to components/icons/logos-epsagon-icon.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed EpsagonIconIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Epsagon Icon icon, or any of 2,063 SVG Logos icons, and install it from a prompt.
It's multicolor, so it keeps its own colors.
Set width and height on the component, or a class like size-6. It's drawn on a 256 × 163 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It keeps its own colors in light and dark mode, so check it against both backgrounds. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Epsagon Icon", so screen readers say what it does.
Yes. EpsagonIconIcon passes every SVG prop to the svg element, so <EpsagonIconIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
CC0 puts the icons in the public domain: use them anywhere, with no conditions. The full terms are in the license, linked on this page.
No. CC0 gives the icons to the public domain, so no credit and no notice is required. Icons installed with the shadcn CLI still start with a comment naming SVG Logos, Gil Barbara and the license.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
Its tags are monitoring, kubernetes, microservices, cloud-native and observability. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Epsagon Icon in another set.
4.9 out of 5 from 150+ developers
Install Epsagon Icon from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro