cypressio logo
cypressio from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- cypressio
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
Use the cypressio logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function DeviconCypressio(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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" stopColor="#69d3a7"/><stop offset=".823" stopColor="#2ab586"/><stop offset="1" stopColor="#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" stopColor="#69d3a7"/><stop offset="1" stopColor="#69d3a7" stopOpacity="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" stopColor="#1cae7f"/><stop offset=".164" stopColor="#1ca379"/><stop offset=".316" stopColor="#1c8568"/><stop offset=".516" stopColor="#1b554d"/><stop offset=".719" stopColor="#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" className="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" className="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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-cypressio {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGK5AwmbKO%22%20x1%3D%22323.384%22%20x2%3D%2256.936%22%20y1%3D%2212.396%22%20y2%3D%22577.503%22%20gradientTransform%3D%22translate(-.876%20-.754)scale(.13472)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2369d3a7%22%2F%3E%3Cstop%20offset%3D%22.823%22%20stop-color%3D%22%232ab586%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231cae7f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGHSfaRQvN%22%20x1%3D%22992.991%22%20x2%3D%22568.87%22%20y1%3D%22483.702%22%20y2%3D%22758.304%22%20gradientTransform%3D%22translate(-.876%20-.754)scale(.13472)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.081%22%20stop-color%3D%22%2369d3a7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2369d3a7%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG25R7wdUq%22%20x1%3D%225.828%22%20x2%3D%22704.494%22%20y1%3D%22697.848%22%20y2%3D%22917.116%22%20gradientTransform%3D%22translate(-.876%20-.754)scale(.13472)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.077%22%20stop-color%3D%22%231cae7f%22%2F%3E%3Cstop%20offset%3D%22.164%22%20stop-color%3D%22%231ca379%22%2F%3E%3Cstop%20offset%3D%22.316%22%20stop-color%3D%22%231c8568%22%2F%3E%3Cstop%20offset%3D%22.516%22%20stop-color%3D%22%231b554d%22%2F%3E%3Cstop%20offset%3D%22.719%22%20stop-color%3D%22%231b1e2e%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M44.984%2050.817c5.173%200%209.377%202.762%2011.532%207.558l.162.378l8.676-2.95l-.175-.445c-3.355-8.192-11.101-13.27-20.195-13.27c-6.4%200-11.6%202.047-15.897%206.264c-4.271%204.19-6.427%209.458-6.427%2015.655c0%206.157%202.17%2011.397%206.427%2015.574c4.297%204.217%209.498%206.264%2015.897%206.264c9.094%200%2016.827-5.092%2020.195-13.27l.175-.444l-8.69-2.95l-.148.39c-1.94%204.729-6.251%207.544-11.532%207.544c-3.597%200-6.642-1.253-9.04-3.732c-2.439-2.505-3.665-5.671-3.665-9.376c0-3.732%201.2-6.83%203.665-9.458c2.411-2.479%205.443-3.732%209.04-3.732%22%20class%3D%22st0%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHSfaRQvN)%22%20d%3D%22m82.652%20125.13l-2.586-8.528c23.334-7.086%2039.015-28.224%2039.015-52.595c0-6.723-1.199-13.297-3.57-19.522l8.326-3.166A63.5%2063.5%200%200%201%20128%2064.02c-.013%2028.305-18.228%2052.865-45.348%2061.11%22%2F%3E%3Cpath%20fill%3D%22%2369d3a7%22%20d%3D%22M116.67%2047.894C109.543%2024.641%2088.378%209.026%2063.993%209.026a56%2056%200%200%200-9.861.876l-1.577-8.77A65%2065%200%200%201%2063.993.108c28.319%200%2052.906%2018.147%2061.191%2045.159z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGK5AwmbKO)%22%20d%3D%22M4.096%2086.532C1.374%2079.338%200%2071.753%200%2064.007C0%2031%2024.776%203.664%2057.634.43l.876%208.865C30.232%2012.085%208.905%2035.607%208.905%2064.006a54.8%2054.8%200%200%200%203.516%2019.387z%22%2F%3E%3Cpath%20d%3D%22M64.33%2042.896L81.79%2085.63l-12.718%2030.85l8.905%201.779l30.96-75.364h-9.62l-12.353%2031.31l-12.449-31.31z%22%20class%3D%22st0%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG25R7wdUq)%22%20d%3D%22m70.675%20112.601l-1.872%204.54c-.431%201.038-1.415%201.752-2.52%201.792c-.767.027-1.522.054-2.303.054c-24.452%200-46.224-16.369-52.946-39.81l-8.569%202.451c7.814%2027.228%2033.102%2046.25%2061.501%2046.264h.014c.889%200%201.778-.013%202.667-.054c4.567-.188%208.65-3.058%2010.4-7.302l2.534-6.156z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGK5AwmbKO%22%20x1%3D%22323.384%22%20x2%3D%2256.936%22%20y1%3D%2212.396%22%20y2%3D%22577.503%22%20gradientTransform%3D%22translate(-.876%20-.754)scale(.13472)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2369d3a7%22%2F%3E%3Cstop%20offset%3D%22.823%22%20stop-color%3D%22%232ab586%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231cae7f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGHSfaRQvN%22%20x1%3D%22992.991%22%20x2%3D%22568.87%22%20y1%3D%22483.702%22%20y2%3D%22758.304%22%20gradientTransform%3D%22translate(-.876%20-.754)scale(.13472)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.081%22%20stop-color%3D%22%2369d3a7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2369d3a7%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG25R7wdUq%22%20x1%3D%225.828%22%20x2%3D%22704.494%22%20y1%3D%22697.848%22%20y2%3D%22917.116%22%20gradientTransform%3D%22translate(-.876%20-.754)scale(.13472)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.077%22%20stop-color%3D%22%231cae7f%22%2F%3E%3Cstop%20offset%3D%22.164%22%20stop-color%3D%22%231ca379%22%2F%3E%3Cstop%20offset%3D%22.316%22%20stop-color%3D%22%231c8568%22%2F%3E%3Cstop%20offset%3D%22.516%22%20stop-color%3D%22%231b554d%22%2F%3E%3Cstop%20offset%3D%22.719%22%20stop-color%3D%22%231b1e2e%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M44.984%2050.817c5.173%200%209.377%202.762%2011.532%207.558l.162.378l8.676-2.95l-.175-.445c-3.355-8.192-11.101-13.27-20.195-13.27c-6.4%200-11.6%202.047-15.897%206.264c-4.271%204.19-6.427%209.458-6.427%2015.655c0%206.157%202.17%2011.397%206.427%2015.574c4.297%204.217%209.498%206.264%2015.897%206.264c9.094%200%2016.827-5.092%2020.195-13.27l.175-.444l-8.69-2.95l-.148.39c-1.94%204.729-6.251%207.544-11.532%207.544c-3.597%200-6.642-1.253-9.04-3.732c-2.439-2.505-3.665-5.671-3.665-9.376c0-3.732%201.2-6.83%203.665-9.458c2.411-2.479%205.443-3.732%209.04-3.732%22%20class%3D%22st0%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHSfaRQvN)%22%20d%3D%22m82.652%20125.13l-2.586-8.528c23.334-7.086%2039.015-28.224%2039.015-52.595c0-6.723-1.199-13.297-3.57-19.522l8.326-3.166A63.5%2063.5%200%200%201%20128%2064.02c-.013%2028.305-18.228%2052.865-45.348%2061.11%22%2F%3E%3Cpath%20fill%3D%22%2369d3a7%22%20d%3D%22M116.67%2047.894C109.543%2024.641%2088.378%209.026%2063.993%209.026a56%2056%200%200%200-9.861.876l-1.577-8.77A65%2065%200%200%201%2063.993.108c28.319%200%2052.906%2018.147%2061.191%2045.159z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGK5AwmbKO)%22%20d%3D%22M4.096%2086.532C1.374%2079.338%200%2071.753%200%2064.007C0%2031%2024.776%203.664%2057.634.43l.876%208.865C30.232%2012.085%208.905%2035.607%208.905%2064.006a54.8%2054.8%200%200%200%203.516%2019.387z%22%2F%3E%3Cpath%20d%3D%22M64.33%2042.896L81.79%2085.63l-12.718%2030.85l8.905%201.779l30.96-75.364h-9.62l-12.353%2031.31l-12.449-31.31z%22%20class%3D%22st0%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG25R7wdUq)%22%20d%3D%22m70.675%20112.601l-1.872%204.54c-.431%201.038-1.415%201.752-2.52%201.792c-.767.027-1.522.054-2.303.054c-24.452%200-46.224-16.369-52.946-39.81l-8.569%202.451c7.814%2027.228%2033.102%2046.25%2061.501%2046.264h.014c.889%200%201.778-.013%202.667-.054c4.567-.188%208.65-3.058%2010.4-7.302l2.534-6.156z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/cypressio.svg?color=%231a73e8&size=48
