Cypress icon
logos:cypress
The Cypress icon (logos:cypress) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 207 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 207
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="207" viewBox="0 0 512 207"><defs><linearGradient id="SVGCjzVJcKO" x1="21.967%" x2="81.691%" y1="36.369%" y2="66.621%"><stop offset="9.39%" stop-color="#58d09e"/><stop offset="98.83%" stop-color="#58d09e" stop-opacity="0"/></linearGradient><linearGradient id="SVG5z9suFeq" x1="-2.865%" x2="115.797%" y1="42.45%" y2="63.329%"><stop offset="7.74%" stop-color="#58d09e"/><stop offset="76.17%" stop-color="#1b1e2e"/></linearGradient></defs><path fill="#69d3a7" d="M3.674 130.62A103.4 103.4 0 0 1 0 103.265C0 60.92 26.595 22.201 66.183 6.932l5.19 13.434c-34.076 13.146-56.963 46.458-56.963 82.9a89 89 0 0 0 3.154 23.539z"/><path fill="url(#SVGCjzVJcKO)" d="M182.645 62.358c-15.405-29.576-45.73-47.952-79.12-47.952c-11.831 0-23.33 2.278-34.154 6.756L63.848 7.86C76.432 2.654 89.78 0 103.525 0c38.79 0 74.007 21.339 91.903 55.702z"/><path fill="url(#SVG5z9suFeq)" d="m114.634 180.66l-3.508 8.492c-.698 1.68-2.292 2.819-4.084 2.896a96 96 0 0 1-3.586.078c-41.293-.022-77.826-29.134-86.88-69.246l-14.055 3.173c5.08 22.5 17.83 42.92 35.903 57.515c18.283 14.76 41.314 22.909 64.877 22.953h.21c1.384 0 2.756-.033 4.128-.088c7.393-.31 14-4.942 16.823-11.808l4.581-11.101z"/><path fill="#1b1e2e" d="m120.38 69.157l20.132 50.605l19.998-50.605h15.561l-49.615 120.647l-14.399-2.864l20.088-48.714l-28.233-69.069zm-47.766-1.305c14.719 0 27.236 8.226 32.67 21.461l.299.719l-14.033 4.765l-.277-.608C87.776 86.416 80.97 81.96 72.613 81.96c-5.821 0-10.746 2.035-14.63 6.06c-3.985 4.245-5.933 9.242-5.933 15.28c0 5.992 1.992 11.089 5.932 15.146c3.896 4.003 8.81 6.037 14.632 6.037c8.544 0 15.516-4.566 18.648-12.206l.266-.63l14.055 4.776l-.299.719c-5.434 13.223-17.951 21.45-32.67 21.45c-10.349 0-18.76-3.318-25.71-10.129c-6.906-6.766-10.403-15.235-10.403-25.175c0-10.028 3.497-18.541 10.403-25.308c6.95-6.81 15.361-10.128 25.71-10.128m172.927 10.14c-6.474-6.723-14.553-10.14-24.027-10.14c-9.407 0-17.155 3.35-23.042 9.951v-8.646h-15.163v94.211h15.163V128.64c5.887 6.6 13.624 9.951 23.042 9.951c9.474 0 17.564-3.417 24.038-10.15c6.375-6.766 9.596-15.224 9.596-25.153c-.011-10.028-3.232-18.53-9.607-25.297m-11.886 40.432c-3.885 4.014-8.81 6.037-14.62 6.037c-5.899 0-10.68-1.979-14.631-6.037c-3.94-4.057-5.932-9.154-5.932-15.147c0-6.17 1.936-11.167 5.932-15.28c3.94-4.069 8.72-6.037 14.63-6.037c5.822 0 10.736 2.035 14.62 6.037c3.908 4.025 5.8 9.022 5.8 15.28c0 6.17-1.903 11.123-5.8 15.147m46.173-41.151v-8.116h-15.163v68.118h15.163v-38.43c0-6.159 2.479-10.869 7.37-13.998c4.86-3.107 10.692-3.682 17.83-1.735l.919.254V68.793l-.564-.133c-9.585-2.289-19.203 1.006-25.555 8.613m65.452-9.42c-9.994 0-18.471 3.405-25.2 10.127c-6.818 6.811-10.27 15.324-10.27 25.308c0 9.94 3.497 18.409 10.403 25.175c6.95 6.811 15.361 10.128 25.71 10.128c14.022 0 26.074-7.12 32.25-19.05l.354-.686l-12.827-5.682l-.31.608c-3.719 7.186-10.857 11.476-19.07 11.476c-10.668 0-18.836-6.512-21.05-16.673h55.005l.067-.652c1.195-10.99-1.638-20.52-8.4-28.338c-6.73-7.794-15.705-11.742-26.662-11.742m-19.556 28.57c2.69-9.3 10.282-15.247 19.556-15.247c9.53 0 17.122 5.948 19.579 15.246zm95.125.364c-8.267-1.548-15.405-2.897-15.405-8.646c0-4.566 4.858-7.75 11.808-7.75c7.67 0 11.876 3.294 12.86 10.072l.112.763l15.16-3.174l-.107-.685c-2.04-12.04-12.775-19.525-28.013-19.525c-7.648 0-14.123 1.979-19.236 5.882c-5.223 3.88-7.869 8.944-7.869 15.07c0 8.866 5.623 15.522 15.063 17.8c2.446.575 5.036 1.04 7.537 1.504c9.396 1.714 18.272 3.339 18.272 9.663c0 4.876-5.666 8.27-13.767 8.27c-8.246 0-12.794-3.295-13.912-10.083l-.122-.752l-15.151 3.173l.122.696c2.202 12.218 13.059 19.515 29.051 19.515c8.124 0 15.087-2.023 20.663-6.003c5.58-3.937 8.398-9.012 8.398-15.082c0-15.92-14.108-18.574-25.464-20.708m65.684 0c-8.265-1.548-15.403-2.897-15.403-8.646c0-4.566 4.858-7.75 11.806-7.75c7.672 0 11.875 3.294 12.86 10.072l.113.763l15.162-3.174l-.112-.685c-2.035-12.04-12.77-19.525-28.01-19.525c-7.65 0-14.125 1.979-19.236 5.882c-5.223 3.88-7.87 8.944-7.87 15.07c0 8.866 5.624 15.522 15.064 17.8c2.448.575 5.034 1.04 7.538 1.504c9.396 1.714 18.272 3.339 18.272 9.663c0 4.876-5.666 8.27-13.768 8.27c-8.248 0-12.795-3.295-13.914-10.083l-.12-.752l-15.15 3.173l.12.696c2.204 12.218 13.059 19.515 29.051 19.515c8.124 0 15.085-2.023 20.665-6.003c5.577-3.937 8.399-9.012 8.399-15.082c0-15.92-14.112-18.574-25.467-20.708"/></svg>How to use the Cypress icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:cypress" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:cypress" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:cypress" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--cypress]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:cypress"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:cypress"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/cypress.svg" alt="Cypress icon" width="24" height="24">Related icons in SVG Logos
Cypress icon in other icon sets
Cypress icon FAQ
Is the Cypress icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Cypress icon in React?
Install @iconify/react and render <Icon icon="logos:cypress" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cypress icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/cypress.svg" alt="Cypress icon">, or paste the SVG code inline to style it with CSS.