Using shrhdk/text-to-svg to convert "TM" to SVG paths, using font and multiple colours.

TM.js

const TextToSVG = require('text-to-svg')
const textToSVG = TextToSVG.loadSync('fonts/Inter.woff')

const colours = Object.values({
  blue: '#2490BA',
  pink: '#d60058',
  purple: '#5f01ad',
  green: '#048242',
  orange: '#e87204'
}).reverse()

const offset = 15
const colour = colours[Math.floor(Math.random() * colours.length)]
const attributes = { fill: colour }
const options = { fontSize: 450, y: 640, fontWeight: '900', anchor: 'center middle', attributes: attributes }

colours.forEach(function (colour, index) {
  const t = textToSVG.getSVG('T', {
    ...options,
    x: 330 + (offset * index),
    y: 640 - (offset * index),
    attributes: {
      ...attributes,
      fill: colour
    }
  }).replace(
    '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="245.25" height="450">',
    ''
  ).replace('</svg>', '')

  const m = textToSVG.getSVG('M', {
    ...options,
    x: 650 + (offset * index),
    y: 640 - (offset * index),
    attributes: {
      ...attributes,
      fill: colour
    }
  }).replace(
    '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="371.25" height="450">',
    ''
  ).replace('</svg>', '')

  console.log(t, m)
})

tm.svg