Adding icons or custom images to text in Sanity.io

import {ImPriceTag as icon} from 'react-icons/im'

export default defineType({
  type: 'object',
  name: 'pricing',
  icon,
  fields: [

...

import React from 'react'
import { defineField, defineType } from 'sanity'
// @ts-ignore
import chuckyImage from '../../images/chucky.png'

const Chucky = () => (
  <img src={chuckyImage} alt="Chucky" />
)

export default defineType({
  type: 'object',
  name: 'myAwesomeComponent',
  fields: [
    ... cool fields
  ],
  preview: {
    select: { title: 'title' },
    prepare({ title }) {
      const CHUCKY = Chucky

      return {
        title: `My Awesome Component: ${title}`,
        media: CHUCKY,
      }
    },
  },
})