cypress icon logo
cypress-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- cypress-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Use the cypress icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGvmrmVdVJ" x1="6.32%" x2="87.52%" y1="44.028%" y2="58.406%"><stop offset="0%" stop-color="#315c55"/><stop offset="100%" stop-color="#09293f"/></linearGradient><linearGradient id="SVGQQVDfeqK" x1="54.298%" x2="50%" y1="27.262%" y2="100%"><stop offset="0%" stop-color="#4fb38d"/><stop offset="100%" stop-color="#315c55"/></linearGradient><linearGradient id="SVGw3GnCd1z" x1="13.909%" x2="70.819%" y1="50%" y2="54.96%"><stop offset="0%" stop-color="#4fb38d"/><stop offset="100%" stop-color="#97dec0"/></linearGradient><linearGradient id="SVGbRYQteIM" x1="53.86%" x2="38.388%" y1="30.892%" y2="95.794%"><stop offset="0%" stop-color="#97dec0"/><stop offset="100%" stop-color="ivory" stop-opacity="0"/><stop offset="100%" stop-color="ivory" stop-opacity="0"/></linearGradient></defs><path fill="url(#SVGvmrmVdVJ)" d="m141.651 223.943l-4.335 10.526c-.861 2.084-2.83 3.495-5.046 3.59c-1.464.056-2.94.097-4.431.097c-51.024-.027-96.169-36.113-107.355-85.836l-17.369 3.933c6.277 27.89 22.032 53.204 44.365 71.295c22.592 18.296 51.052 28.397 80.167 28.452h.26c1.71 0 3.406-.041 5.101-.11c9.136-.383 17.3-6.126 20.788-14.637l5.661-13.76z"/><path fill="url(#SVGQQVDfeqK)" d="M4.54 161.914A128.5 128.5 0 0 1 0 128.007C0 75.516 32.863 27.52 81.782 8.593l6.414 16.652c-42.108 16.295-70.39 57.59-70.39 102.762a110.7 110.7 0 0 0 3.898 29.178z"/><path fill="url(#SVGw3GnCd1z)" d="M225.693 77.298c-19.037-36.662-56.509-59.44-97.769-59.44c-14.62 0-28.828 2.823-42.204 8.374L78.897 9.744C94.446 3.29 110.939 0 127.924 0c47.934 0 91.45 26.451 113.564 69.047z"/><path fill="#09293f" d="M89.727 101.597c10.326 0 18.737 5.523 23.058 15.158l.342.754l17.34-5.907l-.369-.891c-6.715-16.405-22.182-26.602-40.37-26.602c-12.787 0-23.181 4.112-31.77 12.554c-8.533 8.388-12.855 18.94-12.855 31.371c0 12.321 4.322 22.82 12.855 31.207c8.589 8.443 18.983 12.554 31.77 12.554c18.188 0 33.655-10.197 40.37-26.588l.37-.89l-17.368-5.922l-.329.782c-3.87 9.47-12.486 15.13-23.044 15.13c-7.193 0-13.265-2.521-18.08-7.483c-4.867-5.03-7.329-11.348-7.329-18.776c0-7.483 2.407-13.678 7.33-18.94c4.8-4.99 10.886-7.511 18.08-7.511"/><path fill="#09293f" d="m198.341 85.726l-24.712 62.729l-24.877-62.729h-20.35l34.888 85.617l-24.822 60.385l17.792 3.55l61.309-149.552z"/><path fill="url(#SVGbRYQteIM)" d="M241.488 69.047C250.491 86.585 256 107.185 256 128.27c0 49.2-27.671 91.916-68.253 113.343l-8.768-15.548c35.19-18.352 59.227-55.258 59.227-97.795c0-18.46-4.513-35.691-12.513-50.973z"/></svg>
React
import type { SVGProps } from "react";
export function LogosCypressIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGvmrmVdVJ" x1="6.32%" x2="87.52%" y1="44.028%" y2="58.406%"><stop offset="0%" stopColor="#315c55"/><stop offset="100%" stopColor="#09293f"/></linearGradient><linearGradient id="SVGQQVDfeqK" x1="54.298%" x2="50%" y1="27.262%" y2="100%"><stop offset="0%" stopColor="#4fb38d"/><stop offset="100%" stopColor="#315c55"/></linearGradient><linearGradient id="SVGw3GnCd1z" x1="13.909%" x2="70.819%" y1="50%" y2="54.96%"><stop offset="0%" stopColor="#4fb38d"/><stop offset="100%" stopColor="#97dec0"/></linearGradient><linearGradient id="SVGbRYQteIM" x1="53.86%" x2="38.388%" y1="30.892%" y2="95.794%"><stop offset="0%" stopColor="#97dec0"/><stop offset="100%" stopColor="ivory" stopOpacity="0"/><stop offset="100%" stopColor="ivory" stopOpacity="0"/></linearGradient></defs><path fill="url(#SVGvmrmVdVJ)" d="m141.651 223.943l-4.335 10.526c-.861 2.084-2.83 3.495-5.046 3.59c-1.464.056-2.94.097-4.431.097c-51.024-.027-96.169-36.113-107.355-85.836l-17.369 3.933c6.277 27.89 22.032 53.204 44.365 71.295c22.592 18.296 51.052 28.397 80.167 28.452h.26c1.71 0 3.406-.041 5.101-.11c9.136-.383 17.3-6.126 20.788-14.637l5.661-13.76z"/><path fill="url(#SVGQQVDfeqK)" d="M4.54 161.914A128.5 128.5 0 0 1 0 128.007C0 75.516 32.863 27.52 81.782 8.593l6.414 16.652c-42.108 16.295-70.39 57.59-70.39 102.762a110.7 110.7 0 0 0 3.898 29.178z"/><path fill="url(#SVGw3GnCd1z)" d="M225.693 77.298c-19.037-36.662-56.509-59.44-97.769-59.44c-14.62 0-28.828 2.823-42.204 8.374L78.897 9.744C94.446 3.29 110.939 0 127.924 0c47.934 0 91.45 26.451 113.564 69.047z"/><path fill="#09293f" d="M89.727 101.597c10.326 0 18.737 5.523 23.058 15.158l.342.754l17.34-5.907l-.369-.891c-6.715-16.405-22.182-26.602-40.37-26.602c-12.787 0-23.181 4.112-31.77 12.554c-8.533 8.388-12.855 18.94-12.855 31.371c0 12.321 4.322 22.82 12.855 31.207c8.589 8.443 18.983 12.554 31.77 12.554c18.188 0 33.655-10.197 40.37-26.588l.37-.89l-17.368-5.922l-.329.782c-3.87 9.47-12.486 15.13-23.044 15.13c-7.193 0-13.265-2.521-18.08-7.483c-4.867-5.03-7.329-11.348-7.329-18.776c0-7.483 2.407-13.678 7.33-18.94c4.8-4.99 10.886-7.511 18.08-7.511"/><path fill="#09293f" d="m198.341 85.726l-24.712 62.729l-24.877-62.729h-20.35l34.888 85.617l-24.822 60.385l17.792 3.55l61.309-149.552z"/><path fill="url(#SVGbRYQteIM)" d="M241.488 69.047C250.491 86.585 256 107.185 256 128.27c0 49.2-27.671 91.916-68.253 113.343l-8.768-15.548c35.19-18.352 59.227-55.258 59.227-97.795c0-18.46-4.513-35.691-12.513-50.973z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGvmrmVdVJ" x1="6.32%" x2="87.52%" y1="44.028%" y2="58.406%"><stop offset="0%" stop-color="#315c55"/><stop offset="100%" stop-color="#09293f"/></linearGradient><linearGradient id="SVGQQVDfeqK" x1="54.298%" x2="50%" y1="27.262%" y2="100%"><stop offset="0%" stop-color="#4fb38d"/><stop offset="100%" stop-color="#315c55"/></linearGradient><linearGradient id="SVGw3GnCd1z" x1="13.909%" x2="70.819%" y1="50%" y2="54.96%"><stop offset="0%" stop-color="#4fb38d"/><stop offset="100%" stop-color="#97dec0"/></linearGradient><linearGradient id="SVGbRYQteIM" x1="53.86%" x2="38.388%" y1="30.892%" y2="95.794%"><stop offset="0%" stop-color="#97dec0"/><stop offset="100%" stop-color="ivory" stop-opacity="0"/><stop offset="100%" stop-color="ivory" stop-opacity="0"/></linearGradient></defs><path fill="url(#SVGvmrmVdVJ)" d="m141.651 223.943l-4.335 10.526c-.861 2.084-2.83 3.495-5.046 3.59c-1.464.056-2.94.097-4.431.097c-51.024-.027-96.169-36.113-107.355-85.836l-17.369 3.933c6.277 27.89 22.032 53.204 44.365 71.295c22.592 18.296 51.052 28.397 80.167 28.452h.26c1.71 0 3.406-.041 5.101-.11c9.136-.383 17.3-6.126 20.788-14.637l5.661-13.76z"/><path fill="url(#SVGQQVDfeqK)" d="M4.54 161.914A128.5 128.5 0 0 1 0 128.007C0 75.516 32.863 27.52 81.782 8.593l6.414 16.652c-42.108 16.295-70.39 57.59-70.39 102.762a110.7 110.7 0 0 0 3.898 29.178z"/><path fill="url(#SVGw3GnCd1z)" d="M225.693 77.298c-19.037-36.662-56.509-59.44-97.769-59.44c-14.62 0-28.828 2.823-42.204 8.374L78.897 9.744C94.446 3.29 110.939 0 127.924 0c47.934 0 91.45 26.451 113.564 69.047z"/><path fill="#09293f" d="M89.727 101.597c10.326 0 18.737 5.523 23.058 15.158l.342.754l17.34-5.907l-.369-.891c-6.715-16.405-22.182-26.602-40.37-26.602c-12.787 0-23.181 4.112-31.77 12.554c-8.533 8.388-12.855 18.94-12.855 31.371c0 12.321 4.322 22.82 12.855 31.207c8.589 8.443 18.983 12.554 31.77 12.554c18.188 0 33.655-10.197 40.37-26.588l.37-.89l-17.368-5.922l-.329.782c-3.87 9.47-12.486 15.13-23.044 15.13c-7.193 0-13.265-2.521-18.08-7.483c-4.867-5.03-7.329-11.348-7.329-18.776c0-7.483 2.407-13.678 7.33-18.94c4.8-4.99 10.886-7.511 18.08-7.511"/><path fill="#09293f" d="m198.341 85.726l-24.712 62.729l-24.877-62.729h-20.35l34.888 85.617l-24.822 60.385l17.792 3.55l61.309-149.552z"/><path fill="url(#SVGbRYQteIM)" d="M241.488 69.047C250.491 86.585 256 107.185 256 128.27c0 49.2-27.671 91.916-68.253 113.343l-8.768-15.548c35.19-18.352 59.227-55.258 59.227-97.795c0-18.46-4.513-35.691-12.513-50.973z"/></svg> </template>
CSS
.icon-cypress-icon {
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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGvmrmVdVJ%22%20x1%3D%226.32%25%22%20x2%3D%2287.52%25%22%20y1%3D%2244.028%25%22%20y2%3D%2258.406%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23315c55%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2309293f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGQQVDfeqK%22%20x1%3D%2254.298%25%22%20x2%3D%2250%25%22%20y1%3D%2227.262%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%234fb38d%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23315c55%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGw3GnCd1z%22%20x1%3D%2213.909%25%22%20x2%3D%2270.819%25%22%20y1%3D%2250%25%22%20y2%3D%2254.96%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%234fb38d%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2397dec0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGbRYQteIM%22%20x1%3D%2253.86%25%22%20x2%3D%2238.388%25%22%20y1%3D%2230.892%25%22%20y2%3D%2295.794%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2397dec0%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22ivory%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22ivory%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGvmrmVdVJ)%22%20d%3D%22m141.651%20223.943l-4.335%2010.526c-.861%202.084-2.83%203.495-5.046%203.59c-1.464.056-2.94.097-4.431.097c-51.024-.027-96.169-36.113-107.355-85.836l-17.369%203.933c6.277%2027.89%2022.032%2053.204%2044.365%2071.295c22.592%2018.296%2051.052%2028.397%2080.167%2028.452h.26c1.71%200%203.406-.041%205.101-.11c9.136-.383%2017.3-6.126%2020.788-14.637l5.661-13.76z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQQVDfeqK)%22%20d%3D%22M4.54%20161.914A128.5%20128.5%200%200%201%200%20128.007C0%2075.516%2032.863%2027.52%2081.782%208.593l6.414%2016.652c-42.108%2016.295-70.39%2057.59-70.39%20102.762a110.7%20110.7%200%200%200%203.898%2029.178z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGw3GnCd1z)%22%20d%3D%22M225.693%2077.298c-19.037-36.662-56.509-59.44-97.769-59.44c-14.62%200-28.828%202.823-42.204%208.374L78.897%209.744C94.446%203.29%20110.939%200%20127.924%200c47.934%200%2091.45%2026.451%20113.564%2069.047z%22%2F%3E%3Cpath%20fill%3D%22%2309293f%22%20d%3D%22M89.727%20101.597c10.326%200%2018.737%205.523%2023.058%2015.158l.342.754l17.34-5.907l-.369-.891c-6.715-16.405-22.182-26.602-40.37-26.602c-12.787%200-23.181%204.112-31.77%2012.554c-8.533%208.388-12.855%2018.94-12.855%2031.371c0%2012.321%204.322%2022.82%2012.855%2031.207c8.589%208.443%2018.983%2012.554%2031.77%2012.554c18.188%200%2033.655-10.197%2040.37-26.588l.37-.89l-17.368-5.922l-.329.782c-3.87%209.47-12.486%2015.13-23.044%2015.13c-7.193%200-13.265-2.521-18.08-7.483c-4.867-5.03-7.329-11.348-7.329-18.776c0-7.483%202.407-13.678%207.33-18.94c4.8-4.99%2010.886-7.511%2018.08-7.511%22%2F%3E%3Cpath%20fill%3D%22%2309293f%22%20d%3D%22m198.341%2085.726l-24.712%2062.729l-24.877-62.729h-20.35l34.888%2085.617l-24.822%2060.385l17.792%203.55l61.309-149.552z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGbRYQteIM)%22%20d%3D%22M241.488%2069.047C250.491%2086.585%20256%20107.185%20256%20128.27c0%2049.2-27.671%2091.916-68.253%20113.343l-8.768-15.548c35.19-18.352%2059.227-55.258%2059.227-97.795c0-18.46-4.513-35.691-12.513-50.973z%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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGvmrmVdVJ%22%20x1%3D%226.32%25%22%20x2%3D%2287.52%25%22%20y1%3D%2244.028%25%22%20y2%3D%2258.406%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23315c55%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2309293f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGQQVDfeqK%22%20x1%3D%2254.298%25%22%20x2%3D%2250%25%22%20y1%3D%2227.262%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%234fb38d%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23315c55%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGw3GnCd1z%22%20x1%3D%2213.909%25%22%20x2%3D%2270.819%25%22%20y1%3D%2250%25%22%20y2%3D%2254.96%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%234fb38d%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2397dec0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGbRYQteIM%22%20x1%3D%2253.86%25%22%20x2%3D%2238.388%25%22%20y1%3D%2230.892%25%22%20y2%3D%2295.794%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2397dec0%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22ivory%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22ivory%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGvmrmVdVJ)%22%20d%3D%22m141.651%20223.943l-4.335%2010.526c-.861%202.084-2.83%203.495-5.046%203.59c-1.464.056-2.94.097-4.431.097c-51.024-.027-96.169-36.113-107.355-85.836l-17.369%203.933c6.277%2027.89%2022.032%2053.204%2044.365%2071.295c22.592%2018.296%2051.052%2028.397%2080.167%2028.452h.26c1.71%200%203.406-.041%205.101-.11c9.136-.383%2017.3-6.126%2020.788-14.637l5.661-13.76z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQQVDfeqK)%22%20d%3D%22M4.54%20161.914A128.5%20128.5%200%200%201%200%20128.007C0%2075.516%2032.863%2027.52%2081.782%208.593l6.414%2016.652c-42.108%2016.295-70.39%2057.59-70.39%20102.762a110.7%20110.7%200%200%200%203.898%2029.178z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGw3GnCd1z)%22%20d%3D%22M225.693%2077.298c-19.037-36.662-56.509-59.44-97.769-59.44c-14.62%200-28.828%202.823-42.204%208.374L78.897%209.744C94.446%203.29%20110.939%200%20127.924%200c47.934%200%2091.45%2026.451%20113.564%2069.047z%22%2F%3E%3Cpath%20fill%3D%22%2309293f%22%20d%3D%22M89.727%20101.597c10.326%200%2018.737%205.523%2023.058%2015.158l.342.754l17.34-5.907l-.369-.891c-6.715-16.405-22.182-26.602-40.37-26.602c-12.787%200-23.181%204.112-31.77%2012.554c-8.533%208.388-12.855%2018.94-12.855%2031.371c0%2012.321%204.322%2022.82%2012.855%2031.207c8.589%208.443%2018.983%2012.554%2031.77%2012.554c18.188%200%2033.655-10.197%2040.37-26.588l.37-.89l-17.368-5.922l-.329.782c-3.87%209.47-12.486%2015.13-23.044%2015.13c-7.193%200-13.265-2.521-18.08-7.483c-4.867-5.03-7.329-11.348-7.329-18.776c0-7.483%202.407-13.678%207.33-18.94c4.8-4.99%2010.886-7.511%2018.08-7.511%22%2F%3E%3Cpath%20fill%3D%22%2309293f%22%20d%3D%22m198.341%2085.726l-24.712%2062.729l-24.877-62.729h-20.35l34.888%2085.617l-24.822%2060.385l17.792%203.55l61.309-149.552z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGbRYQteIM)%22%20d%3D%22M241.488%2069.047C250.491%2086.585%20256%20107.185%20256%20128.27c0%2049.2-27.671%2091.916-68.253%20113.343l-8.768-15.548c35.19-18.352%2059.227-55.258%2059.227-97.795c0-18.46-4.513-35.691-12.513-50.973z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/cypress-icon.svg?color=%231a73e8&size=48
