file type mocha logo
file-type-mocha from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-mocha
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type mocha logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#8d6748" d="M27.573 23.545L16.751 29.8a1.49 1.49 0 0 1-1.5 0L4.427 23.545a1.5 1.5 0 0 1-.751-1.293V9.748a1.48 1.48 0 0 1 .751-1.293L15.249 2.2a1.49 1.49 0 0 1 1.5 0l10.824 6.255a1.5 1.5 0 0 1 .751 1.293v12.5a1.57 1.57 0 0 1-.751 1.293Z"/><path fill="#fff" d="M22.772 12.994a.653.653 0 0 0-.651-.651H9.879a.653.653 0 0 0-.651.651c0 2.214.326 9.833 3.581 13.544a.6.6 0 0 0 .456.2h5.47a.6.6 0 0 0 .456-.2c3.256-3.647 3.581-11.265 3.581-13.544m-4.819 11.851h-3.841a.6.6 0 0 1-.456-.2c-2.214-2.6-2.474-7.814-2.54-9.637a.653.653 0 0 1 .651-.651h8.6a.653.653 0 0 1 .651.651c0 1.823-.326 6.967-2.54 9.637a.87.87 0 0 1-.525.2m-.716-13.805a2.716 2.716 0 0 0 .912-3.84c-.847-1.3-1.237-2.409-.912-2.865c-.847 1.042-2.279 2.149-.716 4.493a3.67 3.67 0 0 1 .716 2.212m-2.604.196a1.83 1.83 0 0 0 .586-2.6c-.586-.847-.847-1.628-.586-1.888c-.586.716-1.5 1.433-.456 3.06a2.63 2.63 0 0 1 .456 1.428"/><path fill="#fff" d="M19.972 18.789a10.45 10.45 0 0 1-1.888 5.079a.56.56 0 0 1-.391.2h-3.256a.46.46 0 0 1-.391-.2a9.3 9.3 0 0 1-1.628-3.647s3.777.521 5.926-.26c1.563-.586 1.628-1.172 1.628-1.172"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeMocha(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#8d6748" d="M27.573 23.545L16.751 29.8a1.49 1.49 0 0 1-1.5 0L4.427 23.545a1.5 1.5 0 0 1-.751-1.293V9.748a1.48 1.48 0 0 1 .751-1.293L15.249 2.2a1.49 1.49 0 0 1 1.5 0l10.824 6.255a1.5 1.5 0 0 1 .751 1.293v12.5a1.57 1.57 0 0 1-.751 1.293Z"/><path fill="#fff" d="M22.772 12.994a.653.653 0 0 0-.651-.651H9.879a.653.653 0 0 0-.651.651c0 2.214.326 9.833 3.581 13.544a.6.6 0 0 0 .456.2h5.47a.6.6 0 0 0 .456-.2c3.256-3.647 3.581-11.265 3.581-13.544m-4.819 11.851h-3.841a.6.6 0 0 1-.456-.2c-2.214-2.6-2.474-7.814-2.54-9.637a.653.653 0 0 1 .651-.651h8.6a.653.653 0 0 1 .651.651c0 1.823-.326 6.967-2.54 9.637a.87.87 0 0 1-.525.2m-.716-13.805a2.716 2.716 0 0 0 .912-3.84c-.847-1.3-1.237-2.409-.912-2.865c-.847 1.042-2.279 2.149-.716 4.493a3.67 3.67 0 0 1 .716 2.212m-2.604.196a1.83 1.83 0 0 0 .586-2.6c-.586-.847-.847-1.628-.586-1.888c-.586.716-1.5 1.433-.456 3.06a2.63 2.63 0 0 1 .456 1.428"/><path fill="#fff" d="M19.972 18.789a10.45 10.45 0 0 1-1.888 5.079a.56.56 0 0 1-.391.2h-3.256a.46.46 0 0 1-.391-.2a9.3 9.3 0 0 1-1.628-3.647s3.777.521 5.926-.26c1.563-.586 1.628-1.172 1.628-1.172"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#8d6748" d="M27.573 23.545L16.751 29.8a1.49 1.49 0 0 1-1.5 0L4.427 23.545a1.5 1.5 0 0 1-.751-1.293V9.748a1.48 1.48 0 0 1 .751-1.293L15.249 2.2a1.49 1.49 0 0 1 1.5 0l10.824 6.255a1.5 1.5 0 0 1 .751 1.293v12.5a1.57 1.57 0 0 1-.751 1.293Z"/><path fill="#fff" d="M22.772 12.994a.653.653 0 0 0-.651-.651H9.879a.653.653 0 0 0-.651.651c0 2.214.326 9.833 3.581 13.544a.6.6 0 0 0 .456.2h5.47a.6.6 0 0 0 .456-.2c3.256-3.647 3.581-11.265 3.581-13.544m-4.819 11.851h-3.841a.6.6 0 0 1-.456-.2c-2.214-2.6-2.474-7.814-2.54-9.637a.653.653 0 0 1 .651-.651h8.6a.653.653 0 0 1 .651.651c0 1.823-.326 6.967-2.54 9.637a.87.87 0 0 1-.525.2m-.716-13.805a2.716 2.716 0 0 0 .912-3.84c-.847-1.3-1.237-2.409-.912-2.865c-.847 1.042-2.279 2.149-.716 4.493a3.67 3.67 0 0 1 .716 2.212m-2.604.196a1.83 1.83 0 0 0 .586-2.6c-.586-.847-.847-1.628-.586-1.888c-.586.716-1.5 1.433-.456 3.06a2.63 2.63 0 0 1 .456 1.428"/><path fill="#fff" d="M19.972 18.789a10.45 10.45 0 0 1-1.888 5.079a.56.56 0 0 1-.391.2h-3.256a.46.46 0 0 1-.391-.2a9.3 9.3 0 0 1-1.628-3.647s3.777.521 5.926-.26c1.563-.586 1.628-1.172 1.628-1.172"/></svg> </template>
CSS
.icon-file-type-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%2032%2032%22%3E%3Cpath%20fill%3D%22%238d6748%22%20d%3D%22M27.573%2023.545L16.751%2029.8a1.49%201.49%200%200%201-1.5%200L4.427%2023.545a1.5%201.5%200%200%201-.751-1.293V9.748a1.48%201.48%200%200%201%20.751-1.293L15.249%202.2a1.49%201.49%200%200%201%201.5%200l10.824%206.255a1.5%201.5%200%200%201%20.751%201.293v12.5a1.57%201.57%200%200%201-.751%201.293Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22.772%2012.994a.653.653%200%200%200-.651-.651H9.879a.653.653%200%200%200-.651.651c0%202.214.326%209.833%203.581%2013.544a.6.6%200%200%200%20.456.2h5.47a.6.6%200%200%200%20.456-.2c3.256-3.647%203.581-11.265%203.581-13.544m-4.819%2011.851h-3.841a.6.6%200%200%201-.456-.2c-2.214-2.6-2.474-7.814-2.54-9.637a.653.653%200%200%201%20.651-.651h8.6a.653.653%200%200%201%20.651.651c0%201.823-.326%206.967-2.54%209.637a.87.87%200%200%201-.525.2m-.716-13.805a2.716%202.716%200%200%200%20.912-3.84c-.847-1.3-1.237-2.409-.912-2.865c-.847%201.042-2.279%202.149-.716%204.493a3.67%203.67%200%200%201%20.716%202.212m-2.604.196a1.83%201.83%200%200%200%20.586-2.6c-.586-.847-.847-1.628-.586-1.888c-.586.716-1.5%201.433-.456%203.06a2.63%202.63%200%200%201%20.456%201.428%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.972%2018.789a10.45%2010.45%200%200%201-1.888%205.079a.56.56%200%200%201-.391.2h-3.256a.46.46%200%200%201-.391-.2a9.3%209.3%200%200%201-1.628-3.647s3.777.521%205.926-.26c1.563-.586%201.628-1.172%201.628-1.172%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%2032%2032%22%3E%3Cpath%20fill%3D%22%238d6748%22%20d%3D%22M27.573%2023.545L16.751%2029.8a1.49%201.49%200%200%201-1.5%200L4.427%2023.545a1.5%201.5%200%200%201-.751-1.293V9.748a1.48%201.48%200%200%201%20.751-1.293L15.249%202.2a1.49%201.49%200%200%201%201.5%200l10.824%206.255a1.5%201.5%200%200%201%20.751%201.293v12.5a1.57%201.57%200%200%201-.751%201.293Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22.772%2012.994a.653.653%200%200%200-.651-.651H9.879a.653.653%200%200%200-.651.651c0%202.214.326%209.833%203.581%2013.544a.6.6%200%200%200%20.456.2h5.47a.6.6%200%200%200%20.456-.2c3.256-3.647%203.581-11.265%203.581-13.544m-4.819%2011.851h-3.841a.6.6%200%200%201-.456-.2c-2.214-2.6-2.474-7.814-2.54-9.637a.653.653%200%200%201%20.651-.651h8.6a.653.653%200%200%201%20.651.651c0%201.823-.326%206.967-2.54%209.637a.87.87%200%200%201-.525.2m-.716-13.805a2.716%202.716%200%200%200%20.912-3.84c-.847-1.3-1.237-2.409-.912-2.865c-.847%201.042-2.279%202.149-.716%204.493a3.67%203.67%200%200%201%20.716%202.212m-2.604.196a1.83%201.83%200%200%200%20.586-2.6c-.586-.847-.847-1.628-.586-1.888c-.586.716-1.5%201.433-.456%203.06a2.63%202.63%200%200%201%20.456%201.428%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.972%2018.789a10.45%2010.45%200%200%201-1.888%205.079a.56.56%200%200%201-.391.2h-3.256a.46.46%200%200%201-.391-.2a9.3%209.3%200%200%201-1.628-3.647s3.777.521%205.926-.26c1.563-.586%201.628-1.172%201.628-1.172%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-mocha.svg?color=%231a73e8&size=48
