Cypress Light icon

skill-icons:cypress-light

The Cypress Light icon (skill-icons:cypress-light) is a free SVG icon from the Skill Icons set by tandpfun. It is drawn on a 256 × 256 grid. Skill Icons are released under the MIT 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: Skill Icons
Author: tandpfun
License: MIT
Size: 256 × 256
Tags: cypresslight

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><g clip-path="url(#SVGv3WPqdcU)"><path fill="#f4f2ed" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><path fill="#1b1e2e" d="M101.859 109.68c6.978 0 12.648 3.731 15.555 10.211l.218.51l11.703-3.986l-.236-.601c-4.525-11.067-14.974-17.93-27.24-17.93c-8.632 0-15.647 2.767-21.444 8.464c-5.76 5.662-8.668 12.779-8.668 21.152c0 8.319 2.926 15.399 8.668 21.042c5.797 5.698 12.812 8.464 21.444 8.464c12.266 0 22.697-6.88 27.24-17.929l.236-.601l-11.721-3.986l-.2.528c-2.617 6.389-8.432 10.193-15.555 10.193c-4.852 0-8.96-1.693-12.194-5.042c-3.29-3.386-4.943-7.663-4.943-12.669c0-5.042 1.618-9.229 4.943-12.778c3.253-3.35 7.342-5.042 12.194-5.042"/><path fill="url(#SVGmvetBd9N)" d="m152.669 210.085l-3.489-11.522c31.474-9.575 52.627-38.135 52.627-71.063c0-9.083-1.617-17.966-4.816-26.376l11.231-4.277c3.725 9.793 5.615 20.095 5.615 30.671c-.018 38.244-24.587 71.427-61.168 82.567"/><path fill="#69d3a7" d="M198.554 105.73c-9.613-31.418-38.162-52.515-71.054-52.515c-4.471 0-8.941.4-13.302 1.183l-2.126-11.85a87.3 87.3 0 0 1 15.428-1.383c38.198 0 71.363 24.519 82.539 61.015z"/><path fill="url(#SVGFHWujdFJ)" d="M46.706 157.935c-3.671-9.72-5.525-19.968-5.525-30.435c0-44.596 33.42-81.53 77.742-85.898l1.181 11.977c-38.144 3.768-66.91 35.55-66.91 73.921c0 9.011 1.598 17.839 4.742 26.194z"/><path fill="#1b1e2e" d="m175.148 98.977l-16.664 42.302l-16.791-42.302h-13.739l23.552 57.738l-17.155 41.684l12.012 2.403l41.76-101.825z"/><path fill="url(#SVG76PheehZ)" d="m136.513 193.157l-2.526 6.134c-.581 1.402-1.908 2.366-3.398 2.421c-1.036.036-2.053.073-3.107.073c-32.983 0-62.35-22.116-71.418-53.789l-11.557 3.313c10.54 36.787 44.65 62.49 82.957 62.508h.018c1.199 0 2.398-.018 3.598-.073c6.16-.255 11.666-4.132 14.029-9.866l3.416-8.318z"/></g><defs><linearGradient id="SVGmvetBd9N" x1="220.45" x2="143.302" y1="128.046" y2="177.914" gradientUnits="userSpaceOnUse"><stop offset=".081" stop-color="#69d3a7"/><stop offset="1" stop-color="#69d3a7" stop-opacity="0"/></linearGradient><linearGradient id="SVGFHWujdFJ" x1="98.766" x2="50.215" y1="42.257" y2="145.059" gradientUnits="userSpaceOnUse"><stop stop-color="#69d3a7"/><stop offset=".823" stop-color="#2ab586"/><stop offset="1" stop-color="#1cae7f"/></linearGradient><linearGradient id="SVG76PheehZ" x1="41.059" x2="168.061" y1="167.026" y2="206.818" gradientUnits="userSpaceOnUse"><stop offset=".077" stop-color="#1cae7f"/><stop offset=".164" stop-color="#1ca379"/><stop offset=".316" stop-color="#1c8568"/><stop offset=".516" stop-color="#1b554d"/><stop offset=".719" stop-color="#1b1e2e"/></linearGradient><clipPath id="SVGv3WPqdcU"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath></defs></g></svg>

How to use the Cypress Light icon

React

import { Icon } from "@iconify/react";

<Icon icon="skill-icons:cypress-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="skill-icons:cypress-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="skill-icons:cypress-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--cypress-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:cypress-light"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="skill-icons:cypress-light"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/skill-icons/cypress-light.svg" alt="Cypress Light icon" width="24" height="24">

Related icons in Skill Icons

Cypress Light icon FAQ

Is the Cypress Light icon free for commercial use?

Yes. Skill Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Cypress Light icon in React?

Install @iconify/react and render <Icon icon="skill-icons:cypress-light" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Cypress Light icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/skill-icons/cypress-light.svg" alt="Cypress Light icon">, or paste the SVG code inline to style it with CSS.

Browse all Skill Icons →