VSCode.js

import React from 'react';
import { useTheme } from '../../components/layout';

const VSCode = props => {
  const { white, muted } = useTheme().homepage;
  return (
    <svg width={111} height={110} fill="none" viewBox="0 0 111 110" {...props}>
      <path
        fill={white}
        d="M3.18 38.96s-2.627-1.894.526-4.423l7.346-6.57s2.102-2.211 4.325-.284l67.792 51.326v24.612s-.033 3.865-4.992 3.438L3.18 38.959z"
      />
      <path
        fill={white}
        d="M20.647 54.824L3.173 70.71s-1.796 1.336 0 3.723l8.113 7.379s1.927 2.07 4.773-.285l18.525-14.046-13.937-12.657zM51.328 54.959l32.045-24.47-.208-24.48S81.797.666 77.231 3.447L34.587 42.259l16.74 12.7z"
      />
      <path
        fill={muted}
        d="M78.165 107.092c1.86 1.905 4.116 1.281 4.116 1.281l24.974-12.306c3.196-2.18 2.748-4.883 2.748-4.883V17.698c0-3.23-3.307-4.346-3.307-4.346L85.051 2.918c-4.73-2.923-7.828.525-7.828.525s3.985-2.868 5.934 2.562v97.167c0 .668-.142 1.325-.427 1.916-.57 1.15-1.806 2.223-4.773 1.774l.208.23z"
      />
    </svg>
  );
};

export default VSCode;