Cypress logo

The Cypress logo as clean SVG, in brand color and mono, with a dark-mode variant. Copy it, download it, or install it as a typed React component.

Brand color: #69d3a7
Categories: Testing
Variants: 5 SVG files
Website: cypress.io
Source: gilbarbara/logos · CC0

Your brand here$40 / 30 days

Use the Cypress logo

shadcn CLI

npx shadcn@latest add @logoforge/cypress

First time? Add the @logoforge registry to components.json, or use the MCP server.

React

import { CypressLogo } from "@/components/logos/cypress";

<CypressLogo className="size-8" />
<CypressLogo variant="mono" />          {/* currentColor */}
<CypressLogo type="wordmark" className="h-6 w-auto" />

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><title>Cypress</title><defs><linearGradient id="cypress-a" x1="6.32%" x2="87.52%" y1="44.028%" y2="58.406%"><stop offset="0%" stop-color="#315c55"/><stop offset="100%" stop-color="#09293f"/></linearGradient><linearGradient id="cypress-b" x1="54.298%" x2="50%" y1="27.262%" y2="100%"><stop offset="0%" stop-color="#4fb38d"/><stop offset="100%" stop-color="#315c55"/></linearGradient><linearGradient id="cypress-c" x1="13.909%" x2="70.819%" y1="50%" y2="54.96%"><stop offset="0%" stop-color="#4fb38d"/><stop offset="100%" stop-color="#97dec0"/></linearGradient><linearGradient id="cypress-d" x1="53.86%" x2="38.388%" y1="30.892%" y2="95.794%"><stop offset="0%" stop-color="#97dec0"/><stop offset="100%" stop-color="ivory" stop-opacity="0"/><stop offset="100%" stop-color="ivory" stop-opacity="0"/></linearGradient></defs><path fill="url(#cypress-a)" d="m141.651 223.943-4.335 10.526c-.861 2.084-2.83 3.495-5.046 3.59-1.464.056-2.94.097-4.431.097-51.024-.027-96.169-36.113-107.355-85.836l-17.369 3.933c6.277 27.89 22.032 53.204 44.365 71.295 22.592 18.296 51.052 28.397 80.167 28.452h.26c1.71 0 3.406-.041 5.101-.11 9.136-.383 17.3-6.126 20.788-14.637l5.661-13.76z"/><path fill="url(#cypress-b)" d="M4.54 161.914A128.5 128.5 0 0 1 0 128.007C0 75.516 32.863 27.52 81.782 8.593l6.414 16.652c-42.108 16.295-70.39 57.59-70.39 102.762a110.7 110.7 0 0 0 3.898 29.178z"/><path fill="url(#cypress-c)" d="M225.693 77.298c-19.037-36.662-56.509-59.44-97.769-59.44-14.62 0-28.828 2.823-42.204 8.374L78.897 9.744C94.446 3.29 110.939 0 127.924 0c47.934 0 91.45 26.451 113.564 69.047z"/><path fill="#09293f" d="M89.727 101.597c10.326 0 18.737 5.523 23.058 15.158l.342.754 17.34-5.907-.369-.891c-6.715-16.405-22.182-26.602-40.37-26.602-12.787 0-23.181 4.112-31.77 12.554-8.533 8.388-12.855 18.94-12.855 31.371 0 12.321 4.322 22.82 12.855 31.207 8.589 8.443 18.983 12.554 31.77 12.554 18.188 0 33.655-10.197 40.37-26.588l.37-.89-17.368-5.922-.329.782c-3.87 9.47-12.486 15.13-23.044 15.13-7.193 0-13.265-2.521-18.08-7.483-4.867-5.03-7.329-11.348-7.329-18.776 0-7.483 2.407-13.678 7.33-18.94 4.8-4.99 10.886-7.511 18.08-7.511"/><path fill="#09293f" d="m198.34 85.726-24.711 62.729-24.877-62.729h-20.35l34.888 85.617-24.822 60.385 17.792 3.55 61.31-149.552z"/><path fill="url(#cypress-d)" d="M241.488 69.047C250.491 86.585 256 107.185 256 128.27c0 49.2-27.671 91.916-68.253 113.343l-8.768-15.548c35.19-18.352 59.227-55.258 59.227-97.795 0-18.46-4.513-35.691-12.513-50.973z"/></svg>

Download

Related logos

Cypress and the Cypress logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Cypress; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.