file type mjml logo

file-type-mjml from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.

Name
file-type-mjml
Set
VSCode Icons
Style
Color
Viewbox
32×32
License
MIT

Related icons in VSCode Icons

Use the file type mjml logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f75d3c" d="M4.365 3.769a6 6 0 0 1 1.926-.158q5.875.007 11.745 0a3.37 3.37 0 0 1 3.151 2.011a3.3 3.3 0 0 1-3.151 4.549q-6.325-.007-12.65 0a3.3 3.3 0 0 1-3.357-2.928a3.23 3.23 0 0 1 2.336-3.474m21.445-.023a3.34 3.34 0 0 1 3.975 2.081a3.214 3.214 0 0 1-2.014 4.12a3.31 3.31 0 0 1-4.429-2.734a3.23 3.23 0 0 1 2.468-3.467m-12.869 9.287a9 9 0 0 1 1.93-.111c3.923.009 7.849 0 11.772.007a3.248 3.248 0 1 1-.014 6.494c-4.3 0-8.6.009-12.9 0a3.2 3.2 0 0 1-3.172-2.941a3.24 3.24 0 0 1 2.384-3.449m-8.402 8.923a7.4 7.4 0 0 1 1.318-.079c4.142.016 8.282-.007 12.422.011a3.255 3.255 0 0 1 3.176 3.4a3.3 3.3 0 0 1-3.2 3.093q-6.545.007-13.09 0a3.25 3.25 0 0 1-.63-6.418Zm21.05.075a3.363 3.363 0 0 1 4.163 1.937a3.305 3.305 0 1 1-6.418 1.1a3.18 3.18 0 0 1 2.255-3.037"/><path fill="#f93748" d="M4.361 13a3.322 3.322 0 1 1-1.91 4.851A3.338 3.338 0 0 1 4.361 13"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeMjml(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f75d3c" d="M4.365 3.769a6 6 0 0 1 1.926-.158q5.875.007 11.745 0a3.37 3.37 0 0 1 3.151 2.011a3.3 3.3 0 0 1-3.151 4.549q-6.325-.007-12.65 0a3.3 3.3 0 0 1-3.357-2.928a3.23 3.23 0 0 1 2.336-3.474m21.445-.023a3.34 3.34 0 0 1 3.975 2.081a3.214 3.214 0 0 1-2.014 4.12a3.31 3.31 0 0 1-4.429-2.734a3.23 3.23 0 0 1 2.468-3.467m-12.869 9.287a9 9 0 0 1 1.93-.111c3.923.009 7.849 0 11.772.007a3.248 3.248 0 1 1-.014 6.494c-4.3 0-8.6.009-12.9 0a3.2 3.2 0 0 1-3.172-2.941a3.24 3.24 0 0 1 2.384-3.449m-8.402 8.923a7.4 7.4 0 0 1 1.318-.079c4.142.016 8.282-.007 12.422.011a3.255 3.255 0 0 1 3.176 3.4a3.3 3.3 0 0 1-3.2 3.093q-6.545.007-13.09 0a3.25 3.25 0 0 1-.63-6.418Zm21.05.075a3.363 3.363 0 0 1 4.163 1.937a3.305 3.305 0 1 1-6.418 1.1a3.18 3.18 0 0 1 2.255-3.037"/><path fill="#f93748" d="M4.361 13a3.322 3.322 0 1 1-1.91 4.851A3.338 3.338 0 0 1 4.361 13"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f75d3c" d="M4.365 3.769a6 6 0 0 1 1.926-.158q5.875.007 11.745 0a3.37 3.37 0 0 1 3.151 2.011a3.3 3.3 0 0 1-3.151 4.549q-6.325-.007-12.65 0a3.3 3.3 0 0 1-3.357-2.928a3.23 3.23 0 0 1 2.336-3.474m21.445-.023a3.34 3.34 0 0 1 3.975 2.081a3.214 3.214 0 0 1-2.014 4.12a3.31 3.31 0 0 1-4.429-2.734a3.23 3.23 0 0 1 2.468-3.467m-12.869 9.287a9 9 0 0 1 1.93-.111c3.923.009 7.849 0 11.772.007a3.248 3.248 0 1 1-.014 6.494c-4.3 0-8.6.009-12.9 0a3.2 3.2 0 0 1-3.172-2.941a3.24 3.24 0 0 1 2.384-3.449m-8.402 8.923a7.4 7.4 0 0 1 1.318-.079c4.142.016 8.282-.007 12.422.011a3.255 3.255 0 0 1 3.176 3.4a3.3 3.3 0 0 1-3.2 3.093q-6.545.007-13.09 0a3.25 3.25 0 0 1-.63-6.418Zm21.05.075a3.363 3.363 0 0 1 4.163 1.937a3.305 3.305 0 1 1-6.418 1.1a3.18 3.18 0 0 1 2.255-3.037"/><path fill="#f93748" d="M4.361 13a3.322 3.322 0 1 1-1.91 4.851A3.338 3.338 0 0 1 4.361 13"/></svg>
</template>

CSS

.icon-file-type-mjml {
  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%23f75d3c%22%20d%3D%22M4.365%203.769a6%206%200%200%201%201.926-.158q5.875.007%2011.745%200a3.37%203.37%200%200%201%203.151%202.011a3.3%203.3%200%200%201-3.151%204.549q-6.325-.007-12.65%200a3.3%203.3%200%200%201-3.357-2.928a3.23%203.23%200%200%201%202.336-3.474m21.445-.023a3.34%203.34%200%200%201%203.975%202.081a3.214%203.214%200%200%201-2.014%204.12a3.31%203.31%200%200%201-4.429-2.734a3.23%203.23%200%200%201%202.468-3.467m-12.869%209.287a9%209%200%200%201%201.93-.111c3.923.009%207.849%200%2011.772.007a3.248%203.248%200%201%201-.014%206.494c-4.3%200-8.6.009-12.9%200a3.2%203.2%200%200%201-3.172-2.941a3.24%203.24%200%200%201%202.384-3.449m-8.402%208.923a7.4%207.4%200%200%201%201.318-.079c4.142.016%208.282-.007%2012.422.011a3.255%203.255%200%200%201%203.176%203.4a3.3%203.3%200%200%201-3.2%203.093q-6.545.007-13.09%200a3.25%203.25%200%200%201-.63-6.418Zm21.05.075a3.363%203.363%200%200%201%204.163%201.937a3.305%203.305%200%201%201-6.418%201.1a3.18%203.18%200%200%201%202.255-3.037%22%2F%3E%3Cpath%20fill%3D%22%23f93748%22%20d%3D%22M4.361%2013a3.322%203.322%200%201%201-1.91%204.851A3.338%203.338%200%200%201%204.361%2013%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%23f75d3c%22%20d%3D%22M4.365%203.769a6%206%200%200%201%201.926-.158q5.875.007%2011.745%200a3.37%203.37%200%200%201%203.151%202.011a3.3%203.3%200%200%201-3.151%204.549q-6.325-.007-12.65%200a3.3%203.3%200%200%201-3.357-2.928a3.23%203.23%200%200%201%202.336-3.474m21.445-.023a3.34%203.34%200%200%201%203.975%202.081a3.214%203.214%200%200%201-2.014%204.12a3.31%203.31%200%200%201-4.429-2.734a3.23%203.23%200%200%201%202.468-3.467m-12.869%209.287a9%209%200%200%201%201.93-.111c3.923.009%207.849%200%2011.772.007a3.248%203.248%200%201%201-.014%206.494c-4.3%200-8.6.009-12.9%200a3.2%203.2%200%200%201-3.172-2.941a3.24%203.24%200%200%201%202.384-3.449m-8.402%208.923a7.4%207.4%200%200%201%201.318-.079c4.142.016%208.282-.007%2012.422.011a3.255%203.255%200%200%201%203.176%203.4a3.3%203.3%200%200%201-3.2%203.093q-6.545.007-13.09%200a3.25%203.25%200%200%201-.63-6.418Zm21.05.075a3.363%203.363%200%200%201%204.163%201.937a3.305%203.305%200%201%201-6.418%201.1a3.18%203.18%200%200%201%202.255-3.037%22%2F%3E%3Cpath%20fill%3D%22%23f93748%22%20d%3D%22M4.361%2013a3.322%203.322%200%201%201-1.91%204.851A3.338%203.338%200%200%201%204.361%2013%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-mjml.svg?color=%231a73e8&size=48