cypress logo
cypress from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- cypress
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the cypress logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#00bfa5" d="M11.998 2A9.993 9.993 0 0 0 2 12a9.993 9.993 0 0 0 10 10c5.528 0 10-4.473 10-10c-.001-5.527-4.51-10-10.002-10m-4.69 12.146c.327.436.763.618 1.381.618c.292 0 .583-.037.837-.146c.255-.108.546-.255.908-.473l1.019 1.454c-.836.692-1.782 1.018-2.873 1.018c-.873 0-1.6-.182-2.254-.545a3.66 3.66 0 0 1-1.454-1.599c-.327-.691-.509-1.491-.509-2.437c0-.908.182-1.745.508-2.436a3.85 3.85 0 0 1 1.457-1.672c.617-.4 1.38-.582 2.217-.582c.583 0 1.128.072 1.564.254c.49.19.944.46 1.345.8l-1.018 1.382a4 4 0 0 0-.836-.474c-.254-.108-.582-.145-.873-.145c-1.236 0-1.854.945-1.854 2.872c-.036.983.146 1.673.437 2.11zm10 2.254c-.363 1.128-.909 1.964-1.673 2.582c-.763.619-1.782.946-3.054 1.055l-.254-1.708c.836-.11 1.454-.292 1.854-.583c.145-.108.437-.436.437-.436l-3.019-9.673h2.508l1.746 7.236l1.855-7.236h2.436z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeCypress(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#00bfa5" d="M11.998 2A9.993 9.993 0 0 0 2 12a9.993 9.993 0 0 0 10 10c5.528 0 10-4.473 10-10c-.001-5.527-4.51-10-10.002-10m-4.69 12.146c.327.436.763.618 1.381.618c.292 0 .583-.037.837-.146c.255-.108.546-.255.908-.473l1.019 1.454c-.836.692-1.782 1.018-2.873 1.018c-.873 0-1.6-.182-2.254-.545a3.66 3.66 0 0 1-1.454-1.599c-.327-.691-.509-1.491-.509-2.437c0-.908.182-1.745.508-2.436a3.85 3.85 0 0 1 1.457-1.672c.617-.4 1.38-.582 2.217-.582c.583 0 1.128.072 1.564.254c.49.19.944.46 1.345.8l-1.018 1.382a4 4 0 0 0-.836-.474c-.254-.108-.582-.145-.873-.145c-1.236 0-1.854.945-1.854 2.872c-.036.983.146 1.673.437 2.11zm10 2.254c-.363 1.128-.909 1.964-1.673 2.582c-.763.619-1.782.946-3.054 1.055l-.254-1.708c.836-.11 1.454-.292 1.854-.583c.145-.108.437-.436.437-.436l-3.019-9.673h2.508l1.746 7.236l1.855-7.236h2.436z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#00bfa5" d="M11.998 2A9.993 9.993 0 0 0 2 12a9.993 9.993 0 0 0 10 10c5.528 0 10-4.473 10-10c-.001-5.527-4.51-10-10.002-10m-4.69 12.146c.327.436.763.618 1.381.618c.292 0 .583-.037.837-.146c.255-.108.546-.255.908-.473l1.019 1.454c-.836.692-1.782 1.018-2.873 1.018c-.873 0-1.6-.182-2.254-.545a3.66 3.66 0 0 1-1.454-1.599c-.327-.691-.509-1.491-.509-2.437c0-.908.182-1.745.508-2.436a3.85 3.85 0 0 1 1.457-1.672c.617-.4 1.38-.582 2.217-.582c.583 0 1.128.072 1.564.254c.49.19.944.46 1.345.8l-1.018 1.382a4 4 0 0 0-.836-.474c-.254-.108-.582-.145-.873-.145c-1.236 0-1.854.945-1.854 2.872c-.036.983.146 1.673.437 2.11zm10 2.254c-.363 1.128-.909 1.964-1.673 2.582c-.763.619-1.782.946-3.054 1.055l-.254-1.708c.836-.11 1.454-.292 1.854-.583c.145-.108.437-.436.437-.436l-3.019-9.673h2.508l1.746 7.236l1.855-7.236h2.436z"/></svg> </template>
CSS
.icon-cypress {
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%2024%2024%22%3E%3Cpath%20fill%3D%22%2300bfa5%22%20d%3D%22M11.998%202A9.993%209.993%200%200%200%202%2012a9.993%209.993%200%200%200%2010%2010c5.528%200%2010-4.473%2010-10c-.001-5.527-4.51-10-10.002-10m-4.69%2012.146c.327.436.763.618%201.381.618c.292%200%20.583-.037.837-.146c.255-.108.546-.255.908-.473l1.019%201.454c-.836.692-1.782%201.018-2.873%201.018c-.873%200-1.6-.182-2.254-.545a3.66%203.66%200%200%201-1.454-1.599c-.327-.691-.509-1.491-.509-2.437c0-.908.182-1.745.508-2.436a3.85%203.85%200%200%201%201.457-1.672c.617-.4%201.38-.582%202.217-.582c.583%200%201.128.072%201.564.254c.49.19.944.46%201.345.8l-1.018%201.382a4%204%200%200%200-.836-.474c-.254-.108-.582-.145-.873-.145c-1.236%200-1.854.945-1.854%202.872c-.036.983.146%201.673.437%202.11zm10%202.254c-.363%201.128-.909%201.964-1.673%202.582c-.763.619-1.782.946-3.054%201.055l-.254-1.708c.836-.11%201.454-.292%201.854-.583c.145-.108.437-.436.437-.436l-3.019-9.673h2.508l1.746%207.236l1.855-7.236h2.436z%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%2024%2024%22%3E%3Cpath%20fill%3D%22%2300bfa5%22%20d%3D%22M11.998%202A9.993%209.993%200%200%200%202%2012a9.993%209.993%200%200%200%2010%2010c5.528%200%2010-4.473%2010-10c-.001-5.527-4.51-10-10.002-10m-4.69%2012.146c.327.436.763.618%201.381.618c.292%200%20.583-.037.837-.146c.255-.108.546-.255.908-.473l1.019%201.454c-.836.692-1.782%201.018-2.873%201.018c-.873%200-1.6-.182-2.254-.545a3.66%203.66%200%200%201-1.454-1.599c-.327-.691-.509-1.491-.509-2.437c0-.908.182-1.745.508-2.436a3.85%203.85%200%200%201%201.457-1.672c.617-.4%201.38-.582%202.217-.582c.583%200%201.128.072%201.564.254c.49.19.944.46%201.345.8l-1.018%201.382a4%204%200%200%200-.836-.474c-.254-.108-.582-.145-.873-.145c-1.236%200-1.854.945-1.854%202.872c-.036.983.146%201.673.437%202.11zm10%202.254c-.363%201.128-.909%201.964-1.673%202.582c-.763.619-1.782.946-3.054%201.055l-.254-1.708c.836-.11%201.454-.292%201.854-.583c.145-.108.437-.436.437-.436l-3.019-9.673h2.508l1.746%207.236l1.855-7.236h2.436z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/cypress.svg?color=%231a73e8&size=48
