file type mvtcss logo

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

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

Related icons in VSCode Icons

Use the file type mvtcss logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path fill="none" d="M0 0h32v32H0z"/><path fill="#f7394a" d="M3 2h22v22H3z"/><path fill="#fff" fill-rule="nonzero" d="m19.285 10.257l-3.833 5.34a1.79 1.79 0 0 1-1.478.766q-.444 0-.829-.203c-.385-.203-.474-.323-.65-.563l-3.854-5.34v8.37H6.667V7.373h.918q.719 0 1.373.338c.654.338.799.537 1.088.935l3.959 5.52l3.928-5.509q.423-.608 1.083-.946c.66-.338.902-.338 1.388-.338h.929v11.254h-2.048z"/><g fill-rule="nonzero"><path fill="#1572b6" d="m17.992 29.292l-1.274-14.291h14l-1.275 14.288l-5.734 1.59z"/><path fill="#33a9dc" d="m23.718 29.664l4.633-1.284l1.09-12.211h-5.723z"/><path fill="#fff" d="M23.718 21.347h2.319l.16-1.795h-2.479v-1.753h4.395l-.042.47l-.431 4.831h-3.922z"/><path fill="#ebebeb" d="m23.729 25.899l-.008.002l-1.952-.527l-.125-1.398h-1.759l.245 2.752l3.59.997l.009-.003z"/><path fill="#fff" d="m25.888 23.025l-.211 2.347l-1.955.528v1.824l3.593-.996l.027-.296l.305-3.407z"/><path fill="#ebebeb" d="M23.724 17.799v1.753H19.49l-.035-.394l-.08-.889l-.042-.47zm-.006 3.548V23.1H21.79l-.035-.394l-.079-.889l-.042-.47z"/></g></g></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeMvtcss(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fillRule="evenodd" strokeLinejoin="round" strokeMiterlimit="2"><path fill="none" d="M0 0h32v32H0z"/><path fill="#f7394a" d="M3 2h22v22H3z"/><path fill="#fff" fillRule="nonzero" d="m19.285 10.257l-3.833 5.34a1.79 1.79 0 0 1-1.478.766q-.444 0-.829-.203c-.385-.203-.474-.323-.65-.563l-3.854-5.34v8.37H6.667V7.373h.918q.719 0 1.373.338c.654.338.799.537 1.088.935l3.959 5.52l3.928-5.509q.423-.608 1.083-.946c.66-.338.902-.338 1.388-.338h.929v11.254h-2.048z"/><g fillRule="nonzero"><path fill="#1572b6" d="m17.992 29.292l-1.274-14.291h14l-1.275 14.288l-5.734 1.59z"/><path fill="#33a9dc" d="m23.718 29.664l4.633-1.284l1.09-12.211h-5.723z"/><path fill="#fff" d="M23.718 21.347h2.319l.16-1.795h-2.479v-1.753h4.395l-.042.47l-.431 4.831h-3.922z"/><path fill="#ebebeb" d="m23.729 25.899l-.008.002l-1.952-.527l-.125-1.398h-1.759l.245 2.752l3.59.997l.009-.003z"/><path fill="#fff" d="m25.888 23.025l-.211 2.347l-1.955.528v1.824l3.593-.996l.027-.296l.305-3.407z"/><path fill="#ebebeb" d="M23.724 17.799v1.753H19.49l-.035-.394l-.08-.889l-.042-.47zm-.006 3.548V23.1H21.79l-.035-.394l-.079-.889l-.042-.47z"/></g></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path fill="none" d="M0 0h32v32H0z"/><path fill="#f7394a" d="M3 2h22v22H3z"/><path fill="#fff" fill-rule="nonzero" d="m19.285 10.257l-3.833 5.34a1.79 1.79 0 0 1-1.478.766q-.444 0-.829-.203c-.385-.203-.474-.323-.65-.563l-3.854-5.34v8.37H6.667V7.373h.918q.719 0 1.373.338c.654.338.799.537 1.088.935l3.959 5.52l3.928-5.509q.423-.608 1.083-.946c.66-.338.902-.338 1.388-.338h.929v11.254h-2.048z"/><g fill-rule="nonzero"><path fill="#1572b6" d="m17.992 29.292l-1.274-14.291h14l-1.275 14.288l-5.734 1.59z"/><path fill="#33a9dc" d="m23.718 29.664l4.633-1.284l1.09-12.211h-5.723z"/><path fill="#fff" d="M23.718 21.347h2.319l.16-1.795h-2.479v-1.753h4.395l-.042.47l-.431 4.831h-3.922z"/><path fill="#ebebeb" d="m23.729 25.899l-.008.002l-1.952-.527l-.125-1.398h-1.759l.245 2.752l3.59.997l.009-.003z"/><path fill="#fff" d="m25.888 23.025l-.211 2.347l-1.955.528v1.824l3.593-.996l.027-.296l.305-3.407z"/><path fill="#ebebeb" d="M23.724 17.799v1.753H19.49l-.035-.394l-.08-.889l-.042-.47zm-.006 3.548V23.1H21.79l-.035-.394l-.079-.889l-.042-.47z"/></g></g></svg>
</template>

CSS

.icon-file-type-mvtcss {
  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%3Cg%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3Cpath%20fill%3D%22%23f7394a%22%20d%3D%22M3%202h22v22H3z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%20d%3D%22m19.285%2010.257l-3.833%205.34a1.79%201.79%200%200%201-1.478.766q-.444%200-.829-.203c-.385-.203-.474-.323-.65-.563l-3.854-5.34v8.37H6.667V7.373h.918q.719%200%201.373.338c.654.338.799.537%201.088.935l3.959%205.52l3.928-5.509q.423-.608%201.083-.946c.66-.338.902-.338%201.388-.338h.929v11.254h-2.048z%22%2F%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cpath%20fill%3D%22%231572b6%22%20d%3D%22m17.992%2029.292l-1.274-14.291h14l-1.275%2014.288l-5.734%201.59z%22%2F%3E%3Cpath%20fill%3D%22%2333a9dc%22%20d%3D%22m23.718%2029.664l4.633-1.284l1.09-12.211h-5.723z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M23.718%2021.347h2.319l.16-1.795h-2.479v-1.753h4.395l-.042.47l-.431%204.831h-3.922z%22%2F%3E%3Cpath%20fill%3D%22%23ebebeb%22%20d%3D%22m23.729%2025.899l-.008.002l-1.952-.527l-.125-1.398h-1.759l.245%202.752l3.59.997l.009-.003z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m25.888%2023.025l-.211%202.347l-1.955.528v1.824l3.593-.996l.027-.296l.305-3.407z%22%2F%3E%3Cpath%20fill%3D%22%23ebebeb%22%20d%3D%22M23.724%2017.799v1.753H19.49l-.035-.394l-.08-.889l-.042-.47zm-.006%203.548V23.1H21.79l-.035-.394l-.079-.889l-.042-.47z%22%2F%3E%3C%2Fg%3E%3C%2Fg%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%3Cg%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3Cpath%20fill%3D%22%23f7394a%22%20d%3D%22M3%202h22v22H3z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%20d%3D%22m19.285%2010.257l-3.833%205.34a1.79%201.79%200%200%201-1.478.766q-.444%200-.829-.203c-.385-.203-.474-.323-.65-.563l-3.854-5.34v8.37H6.667V7.373h.918q.719%200%201.373.338c.654.338.799.537%201.088.935l3.959%205.52l3.928-5.509q.423-.608%201.083-.946c.66-.338.902-.338%201.388-.338h.929v11.254h-2.048z%22%2F%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cpath%20fill%3D%22%231572b6%22%20d%3D%22m17.992%2029.292l-1.274-14.291h14l-1.275%2014.288l-5.734%201.59z%22%2F%3E%3Cpath%20fill%3D%22%2333a9dc%22%20d%3D%22m23.718%2029.664l4.633-1.284l1.09-12.211h-5.723z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M23.718%2021.347h2.319l.16-1.795h-2.479v-1.753h4.395l-.042.47l-.431%204.831h-3.922z%22%2F%3E%3Cpath%20fill%3D%22%23ebebeb%22%20d%3D%22m23.729%2025.899l-.008.002l-1.952-.527l-.125-1.398h-1.759l.245%202.752l3.59.997l.009-.003z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m25.888%2023.025l-.211%202.347l-1.955.528v1.824l3.593-.996l.027-.296l.305-3.407z%22%2F%3E%3Cpath%20fill%3D%22%23ebebeb%22%20d%3D%22M23.724%2017.799v1.753H19.49l-.035-.394l-.08-.889l-.042-.47zm-.006%203.548V23.1H21.79l-.035-.394l-.079-.889l-.042-.47z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-mvtcss.svg?color=%231a73e8&size=48