Logoforge
Back

Cypress logo

Cypress provides an end‑to‑end testing framework that runs in the browser, allowing developers to write and debug integration tests for web applications. 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.

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

Use the Cypress logo

shadcn CLI
npx shadcn@latest add @logoforge/cypress

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? 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.