Иконка Cypressio

devicon:cypressio

Иконка Cypressio (devicon:cypressio) — бесплатная SVG-иконка из набора Devicon от konpa. Она нарисована на сетке 128 × 128. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Devicon
Автор: konpa
Лицензия: MIT
Размер: 128 × 128

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><linearGradient id="SVGK5AwmbKO" x1="323.384" x2="56.936" y1="12.396" y2="577.503" gradientTransform="translate(-.876 -.754)scale(.13472)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#69d3a7"/><stop offset=".823" stop-color="#2ab586"/><stop offset="1" stop-color="#1cae7f"/></linearGradient><linearGradient id="SVGHSfaRQvN" x1="992.991" x2="568.87" y1="483.702" y2="758.304" gradientTransform="translate(-.876 -.754)scale(.13472)" gradientUnits="userSpaceOnUse"><stop offset=".081" stop-color="#69d3a7"/><stop offset="1" stop-color="#69d3a7" stop-opacity="0"/></linearGradient><linearGradient id="SVG25R7wdUq" x1="5.828" x2="704.494" y1="697.848" y2="917.116" gradientTransform="translate(-.876 -.754)scale(.13472)" 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></defs><path d="M44.984 50.817c5.173 0 9.377 2.762 11.532 7.558l.162.378l8.676-2.95l-.175-.445c-3.355-8.192-11.101-13.27-20.195-13.27c-6.4 0-11.6 2.047-15.897 6.264c-4.271 4.19-6.427 9.458-6.427 15.655c0 6.157 2.17 11.397 6.427 15.574c4.297 4.217 9.498 6.264 15.897 6.264c9.094 0 16.827-5.092 20.195-13.27l.175-.444l-8.69-2.95l-.148.39c-1.94 4.729-6.251 7.544-11.532 7.544c-3.597 0-6.642-1.253-9.04-3.732c-2.439-2.505-3.665-5.671-3.665-9.376c0-3.732 1.2-6.83 3.665-9.458c2.411-2.479 5.443-3.732 9.04-3.732" class="st0"/><path fill="url(#SVGHSfaRQvN)" d="m82.652 125.13l-2.586-8.528c23.334-7.086 39.015-28.224 39.015-52.595c0-6.723-1.199-13.297-3.57-19.522l8.326-3.166A63.5 63.5 0 0 1 128 64.02c-.013 28.305-18.228 52.865-45.348 61.11"/><path fill="#69d3a7" d="M116.67 47.894C109.543 24.641 88.378 9.026 63.993 9.026a56 56 0 0 0-9.861.876l-1.577-8.77A65 65 0 0 1 63.993.108c28.319 0 52.906 18.147 61.191 45.159z"/><path fill="url(#SVGK5AwmbKO)" d="M4.096 86.532C1.374 79.338 0 71.753 0 64.007C0 31 24.776 3.664 57.634.43l.876 8.865C30.232 12.085 8.905 35.607 8.905 64.006a54.8 54.8 0 0 0 3.516 19.387z"/><path d="M64.33 42.896L81.79 85.63l-12.718 30.85l8.905 1.779l30.96-75.364h-9.62l-12.353 31.31l-12.449-31.31z" class="st0"/><path fill="url(#SVG25R7wdUq)" d="m70.675 112.601l-1.872 4.54c-.431 1.038-1.415 1.752-2.52 1.792c-.767.027-1.522.054-2.303.054c-24.452 0-46.224-16.369-52.946-39.81l-8.569 2.451c7.814 27.228 33.102 46.25 61.501 46.264h.014c.889 0 1.778-.013 2.667-.054c4.567-.188 8.65-3.058 10.4-7.302l2.534-6.156z"/></svg>

Как использовать иконку Cypressio

React

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

<Icon icon="devicon:cypressio" width="24" />

Vue

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

<template>
  <Icon icon="devicon:cypressio" width="24" />
</template>

Svelte

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

<Icon icon="devicon:cypressio" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--cypressio]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:cypressio"></div>

Веб-компонент

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

<iconify-icon icon="devicon:cypressio"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/devicon/cypressio.svg" alt="Иконка Cypressio" width="24" height="24">

Иконка Cypressio в других наборах

Вопросы и ответы: Иконка Cypressio

Можно ли бесплатно использовать иконку Cypressio в коммерческих проектах?

Да. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Cypressio в React?

Установите @iconify/react и выведите <Icon icon="devicon:cypressio" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Cypressio на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/devicon/cypressio.svg" alt="Иконка Cypressio">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Devicon →