mocha logo
mocha from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- mocha
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the mocha logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.325 0c-.907 1.116-2.442 2.302-.768 4.814c.558.628.838 1.953.768 2.372c0 0 2.512-1.464.977-4.116c-.907-1.395-1.326-2.582-.977-3.07m-2.79 2.582c-.628.767-1.605 1.535-.489 3.279c.35.349.489 1.256.489 1.535c0 0 1.673-.978.627-2.792c-.628-.907-.906-1.743-.627-2.022m-5.094 6a.7.7 0 0 0-.697.698c0 2.372.349 10.535 3.837 14.512c.14.139.28.208.489.208h5.86c.21 0 .35-.069.489-.208c3.488-3.908 3.837-12.07 3.837-14.512a.7.7 0 0 0-.698-.699H12zm2.023 2.163h9.21c.349 0 .697.278.697.697c0 1.953-.348 7.465-2.72 10.326c-.21.14-.35.208-.559.208H9.976a.63.63 0 0 1-.488-.208c-2.372-2.79-2.652-8.373-2.722-10.326c0-.35.28-.697.698-.697m8.792 4.744s-.071.627-1.745 1.255c-2.303.837-6.348.28-6.348.28c.349 1.465.906 2.86 1.743 3.907c.07.14.28.209.419.209h3.489q.21 0 .418-.209c1.186-1.395 1.745-3.558 2.024-5.442"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsMocha(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.325 0c-.907 1.116-2.442 2.302-.768 4.814c.558.628.838 1.953.768 2.372c0 0 2.512-1.464.977-4.116c-.907-1.395-1.326-2.582-.977-3.07m-2.79 2.582c-.628.767-1.605 1.535-.489 3.279c.35.349.489 1.256.489 1.535c0 0 1.673-.978.627-2.792c-.628-.907-.906-1.743-.627-2.022m-5.094 6a.7.7 0 0 0-.697.698c0 2.372.349 10.535 3.837 14.512c.14.139.28.208.489.208h5.86c.21 0 .35-.069.489-.208c3.488-3.908 3.837-12.07 3.837-14.512a.7.7 0 0 0-.698-.699H12zm2.023 2.163h9.21c.349 0 .697.278.697.697c0 1.953-.348 7.465-2.72 10.326c-.21.14-.35.208-.559.208H9.976a.63.63 0 0 1-.488-.208c-2.372-2.79-2.652-8.373-2.722-10.326c0-.35.28-.697.698-.697m8.792 4.744s-.071.627-1.745 1.255c-2.303.837-6.348.28-6.348.28c.349 1.465.906 2.86 1.743 3.907c.07.14.28.209.419.209h3.489q.21 0 .418-.209c1.186-1.395 1.745-3.558 2.024-5.442"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.325 0c-.907 1.116-2.442 2.302-.768 4.814c.558.628.838 1.953.768 2.372c0 0 2.512-1.464.977-4.116c-.907-1.395-1.326-2.582-.977-3.07m-2.79 2.582c-.628.767-1.605 1.535-.489 3.279c.35.349.489 1.256.489 1.535c0 0 1.673-.978.627-2.792c-.628-.907-.906-1.743-.627-2.022m-5.094 6a.7.7 0 0 0-.697.698c0 2.372.349 10.535 3.837 14.512c.14.139.28.208.489.208h5.86c.21 0 .35-.069.489-.208c3.488-3.908 3.837-12.07 3.837-14.512a.7.7 0 0 0-.698-.699H12zm2.023 2.163h9.21c.349 0 .697.278.697.697c0 1.953-.348 7.465-2.72 10.326c-.21.14-.35.208-.559.208H9.976a.63.63 0 0 1-.488-.208c-2.372-2.79-2.652-8.373-2.722-10.326c0-.35.28-.697.698-.697m8.792 4.744s-.071.627-1.745 1.255c-2.303.837-6.348.28-6.348.28c.349 1.465.906 2.86 1.743 3.907c.07.14.28.209.419.209h3.489q.21 0 .418-.209c1.186-1.395 1.745-3.558 2.024-5.442"/></svg> </template>
CSS
.icon-mocha {
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%22currentColor%22%20d%3D%22M13.325%200c-.907%201.116-2.442%202.302-.768%204.814c.558.628.838%201.953.768%202.372c0%200%202.512-1.464.977-4.116c-.907-1.395-1.326-2.582-.977-3.07m-2.79%202.582c-.628.767-1.605%201.535-.489%203.279c.35.349.489%201.256.489%201.535c0%200%201.673-.978.627-2.792c-.628-.907-.906-1.743-.627-2.022m-5.094%206a.7.7%200%200%200-.697.698c0%202.372.349%2010.535%203.837%2014.512c.14.139.28.208.489.208h5.86c.21%200%20.35-.069.489-.208c3.488-3.908%203.837-12.07%203.837-14.512a.7.7%200%200%200-.698-.699H12zm2.023%202.163h9.21c.349%200%20.697.278.697.697c0%201.953-.348%207.465-2.72%2010.326c-.21.14-.35.208-.559.208H9.976a.63.63%200%200%201-.488-.208c-2.372-2.79-2.652-8.373-2.722-10.326c0-.35.28-.697.698-.697m8.792%204.744s-.071.627-1.745%201.255c-2.303.837-6.348.28-6.348.28c.349%201.465.906%202.86%201.743%203.907c.07.14.28.209.419.209h3.489q.21%200%20.418-.209c1.186-1.395%201.745-3.558%202.024-5.442%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%22currentColor%22%20d%3D%22M13.325%200c-.907%201.116-2.442%202.302-.768%204.814c.558.628.838%201.953.768%202.372c0%200%202.512-1.464.977-4.116c-.907-1.395-1.326-2.582-.977-3.07m-2.79%202.582c-.628.767-1.605%201.535-.489%203.279c.35.349.489%201.256.489%201.535c0%200%201.673-.978.627-2.792c-.628-.907-.906-1.743-.627-2.022m-5.094%206a.7.7%200%200%200-.697.698c0%202.372.349%2010.535%203.837%2014.512c.14.139.28.208.489.208h5.86c.21%200%20.35-.069.489-.208c3.488-3.908%203.837-12.07%203.837-14.512a.7.7%200%200%200-.698-.699H12zm2.023%202.163h9.21c.349%200%20.697.278.697.697c0%201.953-.348%207.465-2.72%2010.326c-.21.14-.35.208-.559.208H9.976a.63.63%200%200%201-.488-.208c-2.372-2.79-2.652-8.373-2.722-10.326c0-.35.28-.697.698-.697m8.792%204.744s-.071.627-1.745%201.255c-2.303.837-6.348.28-6.348.28c.349%201.465.906%202.86%201.743%203.907c.07.14.28.209.419.209h3.489q.21%200%20.418-.209c1.186-1.395%201.745-3.558%202.024-5.442%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/mocha.svg?color=%231a73e8&size=48
