file type msw logo

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

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

Related icons in VSCode Icons

Use the file type msw logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><rect width="28" height="28" x="2" y="2" rx="5.25"/><path fill="#7a1818" d="M7.58 11.96a4.3 4.3 0 0 1 1.57-2.9a4.3 4.3 0 0 1 3.15-.93a4.3 4.3 0 0 1 2.76 1.4l7.41 8.23a4.3 4.3 0 0 1 1.1 3.1a4.3 4.3 0 0 1-1.42 2.98a4.3 4.3 0 0 1-2.88 1.1H9.22a2.7 2.7 0 0 1-1.9-.8a2.7 2.7 0 0 1-.8-1.9v-.1zm4.05.16a.4.4 0 0 0-.13.25L10.6 21h8.67q.13 0 .22-.07l.03-.02a.4.4 0 0 0 .12-.25q0-.15-.1-.26l-7.41-8.24a.4.4 0 0 0-.23-.12a.4.4 0 0 0-.27.08"/><path fill="#ff6a33" d="m9.12 7.05l13.66.02a2.7 2.7 0 0 1 1.9.79a2.7 2.7 0 0 1 .8 1.9v.1l-.02.1l-1.42 13.67a2.7 2.7 0 0 1-.98 1.82a2.7 2.7 0 0 1-3.7-.3L7.11 11.56a2.7 2.7 0 0 1-.69-1.94a2.7 2.7 0 0 1 2.7-2.56M11.9 11l8.5 9.45l.99-9.44z"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeMsw(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><rect width="28" height="28" x="2" y="2" rx="5.25"/><path fill="#7a1818" d="M7.58 11.96a4.3 4.3 0 0 1 1.57-2.9a4.3 4.3 0 0 1 3.15-.93a4.3 4.3 0 0 1 2.76 1.4l7.41 8.23a4.3 4.3 0 0 1 1.1 3.1a4.3 4.3 0 0 1-1.42 2.98a4.3 4.3 0 0 1-2.88 1.1H9.22a2.7 2.7 0 0 1-1.9-.8a2.7 2.7 0 0 1-.8-1.9v-.1zm4.05.16a.4.4 0 0 0-.13.25L10.6 21h8.67q.13 0 .22-.07l.03-.02a.4.4 0 0 0 .12-.25q0-.15-.1-.26l-7.41-8.24a.4.4 0 0 0-.23-.12a.4.4 0 0 0-.27.08"/><path fill="#ff6a33" d="m9.12 7.05l13.66.02a2.7 2.7 0 0 1 1.9.79a2.7 2.7 0 0 1 .8 1.9v.1l-.02.1l-1.42 13.67a2.7 2.7 0 0 1-.98 1.82a2.7 2.7 0 0 1-3.7-.3L7.11 11.56a2.7 2.7 0 0 1-.69-1.94a2.7 2.7 0 0 1 2.7-2.56M11.9 11l8.5 9.45l.99-9.44z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><rect width="28" height="28" x="2" y="2" rx="5.25"/><path fill="#7a1818" d="M7.58 11.96a4.3 4.3 0 0 1 1.57-2.9a4.3 4.3 0 0 1 3.15-.93a4.3 4.3 0 0 1 2.76 1.4l7.41 8.23a4.3 4.3 0 0 1 1.1 3.1a4.3 4.3 0 0 1-1.42 2.98a4.3 4.3 0 0 1-2.88 1.1H9.22a2.7 2.7 0 0 1-1.9-.8a2.7 2.7 0 0 1-.8-1.9v-.1zm4.05.16a.4.4 0 0 0-.13.25L10.6 21h8.67q.13 0 .22-.07l.03-.02a.4.4 0 0 0 .12-.25q0-.15-.1-.26l-7.41-8.24a.4.4 0 0 0-.23-.12a.4.4 0 0 0-.27.08"/><path fill="#ff6a33" d="m9.12 7.05l13.66.02a2.7 2.7 0 0 1 1.9.79a2.7 2.7 0 0 1 .8 1.9v.1l-.02.1l-1.42 13.67a2.7 2.7 0 0 1-.98 1.82a2.7 2.7 0 0 1-3.7-.3L7.11 11.56a2.7 2.7 0 0 1-.69-1.94a2.7 2.7 0 0 1 2.7-2.56M11.9 11l8.5 9.45l.99-9.44z"/></svg>
</template>

CSS

.icon-file-type-msw {
  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%3Crect%20width%3D%2228%22%20height%3D%2228%22%20x%3D%222%22%20y%3D%222%22%20rx%3D%225.25%22%2F%3E%3Cpath%20fill%3D%22%237a1818%22%20d%3D%22M7.58%2011.96a4.3%204.3%200%200%201%201.57-2.9a4.3%204.3%200%200%201%203.15-.93a4.3%204.3%200%200%201%202.76%201.4l7.41%208.23a4.3%204.3%200%200%201%201.1%203.1a4.3%204.3%200%200%201-1.42%202.98a4.3%204.3%200%200%201-2.88%201.1H9.22a2.7%202.7%200%200%201-1.9-.8a2.7%202.7%200%200%201-.8-1.9v-.1zm4.05.16a.4.4%200%200%200-.13.25L10.6%2021h8.67q.13%200%20.22-.07l.03-.02a.4.4%200%200%200%20.12-.25q0-.15-.1-.26l-7.41-8.24a.4.4%200%200%200-.23-.12a.4.4%200%200%200-.27.08%22%2F%3E%3Cpath%20fill%3D%22%23ff6a33%22%20d%3D%22m9.12%207.05l13.66.02a2.7%202.7%200%200%201%201.9.79a2.7%202.7%200%200%201%20.8%201.9v.1l-.02.1l-1.42%2013.67a2.7%202.7%200%200%201-.98%201.82a2.7%202.7%200%200%201-3.7-.3L7.11%2011.56a2.7%202.7%200%200%201-.69-1.94a2.7%202.7%200%200%201%202.7-2.56M11.9%2011l8.5%209.45l.99-9.44z%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%3Crect%20width%3D%2228%22%20height%3D%2228%22%20x%3D%222%22%20y%3D%222%22%20rx%3D%225.25%22%2F%3E%3Cpath%20fill%3D%22%237a1818%22%20d%3D%22M7.58%2011.96a4.3%204.3%200%200%201%201.57-2.9a4.3%204.3%200%200%201%203.15-.93a4.3%204.3%200%200%201%202.76%201.4l7.41%208.23a4.3%204.3%200%200%201%201.1%203.1a4.3%204.3%200%200%201-1.42%202.98a4.3%204.3%200%200%201-2.88%201.1H9.22a2.7%202.7%200%200%201-1.9-.8a2.7%202.7%200%200%201-.8-1.9v-.1zm4.05.16a.4.4%200%200%200-.13.25L10.6%2021h8.67q.13%200%20.22-.07l.03-.02a.4.4%200%200%200%20.12-.25q0-.15-.1-.26l-7.41-8.24a.4.4%200%200%200-.23-.12a.4.4%200%200%200-.27.08%22%2F%3E%3Cpath%20fill%3D%22%23ff6a33%22%20d%3D%22m9.12%207.05l13.66.02a2.7%202.7%200%200%201%201.9.79a2.7%202.7%200%200%201%20.8%201.9v.1l-.02.1l-1.42%2013.67a2.7%202.7%200%200%201-.98%201.82a2.7%202.7%200%200%201-3.7-.3L7.11%2011.56a2.7%202.7%200%200%201-.69-1.94a2.7%202.7%200%200%201%202.7-2.56M11.9%2011l8.5%209.45l.99-9.44z%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-msw.svg?color=%231a73e8&size=48