Icono Cypress Light

skill-icons:cypress-light

El icono Cypress Light (skill-icons:cypress-light) es un icono SVG gratuito de la colección Skill Icons de tandpfun. Está dibujado en una cuadrícula de 256 × 256. Skill Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Skill Icons
Autor: tandpfun
Licencia: MIT
Tamaño: 256 × 256
Etiquetas: cypresslight

Descargar SVG

Código SVG

<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>

Cómo usar el icono Cypress Light

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>

Imagen HTML

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

Iconos relacionados en Skill Icons

Preguntas frecuentes sobre Icono Cypress Light

¿El icono Cypress Light es gratis para uso comercial?

Sí. Skill Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Cypress Light en React?

Instala @iconify/react y renderiza <Icon icon="skill-icons:cypress-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Cypress Light a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/skill-icons/cypress-light.svg" alt="Icono Cypress Light">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Skill Icons →