To create vector art on a 12" Surface Pro, you can use the react-art library. Here's a brief snippet to get you started:

import React from 'react';
import { Canvas } from '@expo/vector-icons';
import { ART } from 'react-art';

const MyVectorArt = () => {
  const artRef = React.createRef();

  return (
    <ART
      ref={artRef}
      width={400}
      height={300}
      style={{ backgroundColor: '#f0f0f0' }}
    >
      {/* Your vector art here */}
      <path d="M10,10 L90,90" />
    </ART>
  );
};

This code creates a simple vector art using the react-art library and renders it on a canvas. You can replace the d attribute with your own vector art paths.

Note: Make sure to install the required libraries by running npm install react-art @expo/vector-icons in your project directory.