Ícone Cypress
thesvg-color:cypress
O ícone Cypress (thesvg-color:cypress) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 119 × 48. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 119 × 48
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="119" height="48" viewBox="0 0 119 48"><g fill="none"><path fill="#69d3a7" d="M.854 30.359A24 24 0 0 1 0 24C0 14.16 6.181 5.16 15.382 1.611l1.207 3.122C8.669 7.79 3.349 15.531 3.349 24.001c0 1.858.247 3.698.733 5.471z"/><path fill="url(#SVGvTT0le4G)" d="M42.45 14.493A20.67 20.67 0 0 0 24.062 3.348c-2.75 0-5.422.53-7.938 1.57l-1.283-3.09A24 24 0 0 1 24.06 0c9.016 0 17.201 4.96 21.36 12.946z"/><path fill="#1b1e2e" d="M16.877 19.05c1.942 0 3.524 1.035 4.337 2.841l.064.142l3.262-1.108l-.07-.167c-1.263-3.076-4.172-4.988-7.593-4.988c-2.405 0-4.36.771-5.975 2.354c-1.606 1.573-2.418 3.552-2.418 5.882c0 2.31.812 4.279 2.417 5.852c1.616 1.583 3.57 2.354 5.976 2.354c3.421 0 6.33-1.912 7.593-4.986l.07-.167l-3.267-1.11l-.062.147c-.728 1.775-2.348 2.837-4.334 2.837c-1.353 0-2.495-.473-3.4-1.404c-.916-.943-1.38-2.127-1.38-3.52c0-1.403.453-2.565 1.38-3.551c.902-.936 2.047-1.409 3.4-1.409m40.192-.923c-1.505-1.562-3.382-2.357-5.584-2.357c-2.187 0-3.987.78-5.356 2.313v-2.01h-3.524V37.97h3.524V29.9c1.369 1.534 3.167 2.313 5.356 2.313c2.202 0 4.082-.795 5.587-2.36c1.481-1.572 2.23-3.538 2.23-5.846c-.003-2.33-.751-4.306-2.233-5.88m-2.763 9.397c-.902.933-2.047 1.403-3.398 1.403c-1.37 0-2.482-.46-3.4-1.403c-.916-.943-1.379-2.127-1.379-3.52c0-1.434.45-2.596 1.379-3.551c.916-.946 2.027-1.404 3.4-1.404c1.353 0 2.496.473 3.398 1.404c.908.935 1.348 2.096 1.348 3.55c0 1.435-.442 2.586-1.348 3.521m10.732-9.564v-1.886h-3.524v15.832h3.524v-8.933c0-1.43.576-2.526 1.713-3.253c1.13-.722 2.485-.856 4.144-.403l.214.059v-3.387l-.131-.031c-2.228-.532-4.463.234-5.94 2.002m15.213-2.19c-2.323 0-4.294.792-5.857 2.354c-1.585 1.583-2.388 3.562-2.388 5.882c0 2.31.813 4.279 2.418 5.852c1.616 1.583 3.57 2.354 5.976 2.354c3.259 0 6.06-1.655 7.496-4.428l.082-.16l-2.981-1.32l-.072.141c-.865 1.67-2.524 2.668-4.433 2.668c-2.48 0-4.378-1.514-4.892-3.876h12.784l.016-.151c.278-2.555-.38-4.77-1.953-6.586c-1.564-1.812-3.65-2.73-6.196-2.73m-4.546 6.64c.625-2.16 2.39-3.543 4.546-3.543c2.214 0 3.98 1.382 4.55 3.544zm22.11.085c-1.922-.36-3.581-.673-3.581-2.01c0-1.06 1.13-1.8 2.745-1.8c1.782 0 2.76.765 2.989 2.34l.025.178l3.524-.738l-.025-.159c-.474-2.798-2.969-4.538-6.51-4.538c-1.778 0-3.283.46-4.472 1.367c-1.214.902-1.828 2.079-1.828 3.502c0 2.061 1.306 3.608 3.5 4.138c.569.133 1.17.241 1.752.35c2.184.398 4.247.775 4.247 2.245c0 1.133-1.317 1.922-3.2 1.922c-1.916 0-2.973-.765-3.233-2.343l-.029-.175l-3.521.738l.028.161c.512 2.84 3.036 4.536 6.753 4.536c1.888 0 3.506-.47 4.802-1.395c1.297-.915 1.952-2.095 1.952-3.506c0-3.7-3.279-4.317-5.918-4.813m15.266 0c-1.921-.36-3.58-.673-3.58-2.01c0-1.06 1.129-1.8 2.744-1.8c1.783 0 2.76.765 2.989 2.34l.026.178l3.524-.738l-.026-.159c-.473-2.798-2.968-4.538-6.51-4.538c-1.778 0-3.283.46-4.471 1.367c-1.214.902-1.829 2.079-1.829 3.502c0 2.061 1.307 3.608 3.501 4.138c.569.133 1.17.241 1.752.35c2.184.398 4.247.775 4.247 2.245c0 1.133-1.317 1.922-3.2 1.922c-1.917 0-2.974-.765-3.234-2.343l-.028-.175l-3.521.738l.028.161c.512 2.84 3.035 4.536 6.752 4.536c1.888 0 3.506-.47 4.803-1.395c1.296-.915 1.952-2.095 1.952-3.506c0-3.7-3.28-4.317-5.919-4.813"/><path fill="#1b1e2e" d="m37.306 16.074l-4.648 11.761l-4.679-11.761h-3.828l6.562 16.053l-4.668 11.322l3.346.666l11.532-28.041z"/><path fill="url(#SVGYGwePbXz)" d="m26.643 41.99l-.815 1.973c-.162.39-.532.655-.95.673q-.411.017-.833.018C14.448 44.65 5.957 37.883 3.853 28.56l-3.267.738c1.18 5.229 4.144 9.975 8.345 13.367A24.15 24.15 0 0 0 24.009 48h.05q.48-.001.959-.02a4.44 4.44 0 0 0 3.91-2.745l1.064-2.58z"/><defs><linearGradient id="SVGvTT0le4G" x1="21.558" x2="39.823" y1="-1.549" y2="17.972" gradientUnits="userSpaceOnUse"><stop offset=".094" stop-color="#58d09e"/><stop offset=".988" stop-color="#58d09e" stop-opacity="0"/></linearGradient><linearGradient id="SVGYGwePbXz" x1="-.256" x2="34.638" y1="34.922" y2="44.209" gradientUnits="userSpaceOnUse"><stop offset=".077" stop-color="#58d09e"/><stop offset=".762" stop-color="#1b1e2e"/></linearGradient></defs></g></svg>Como usar o ícone Cypress
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:cypress" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:cypress" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:cypress" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--cypress]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:cypress"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:cypress"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/cypress.svg" alt="Ícone Cypress" width="24" height="24">O ícone Cypress em outras coleções
Perguntas frequentes sobre Ícone Cypress
O ícone Cypress é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Cypress no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:cypress" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cypress a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/cypress.svg" alt="Ícone Cypress">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.