powered-by-vercel

Add Powered By Vercel SVG to your React app

Usage no npm install needed!

<script type="module">
  import poweredByVercel from 'https://cdn.skypack.dev/powered-by-vercel';
</script>

README

Powered By Vercel

Add Powered By Vercel SVG to your React app

Powered by Vercel

Installation

npm install --save powered-by-vercel
# OR
yarn add powered-by-vercel

Usage

import React from 'react'
import PoweredByVercel from 'powered-by-vercel'

export default function MyApp() {
  return (
    <div>
      <PoweredByVercel />
      <br />
      <br />
      <PoweredByVercel utmSource="my-org-name" />
      <br />
      <PoweredByVercel
        utmSource="my-source"
        target="_blank"
        rel="noopener noreferrer"
        svgProps={{
          width: 150,
        }}
      />
    </div>
  )
}

If you need to add the logo to your README.md. You can use the following (and change the utm_source accordingly)

[![Powered by Vercel](https://raw.githubusercontent.com/abumalick/powered-by-vercel/master/powered-by-vercel.svg)](https://vercel.com?utm_source=powered-by-vercel)

If you want to import the svg file only with your own svg loader you can do it like the following

import poweredByVercel from 'powered-by-vercel/powered-by-vercel.svg'

...
<img src={poweredByVercel} />
...